html5 canvas 用法
表 1. canvas 方法
getContext(contextId) | 公开在 canvas 上绘图需要的 API。惟一(当前)可用的 contextID 是 2d 。 |
height | 设置 canvas 的高度。默认值是 150 像素。 |
width | 设置 canvas 的宽度。默认值是 300 像素。 |
createLinearGradient(x1,y1,x2,y2) | 创建一个线性渐变。起始坐标为 x1,y1 ,结束坐标为 x2,y2 。 |
createRadialGradient(x1,y1,r1,x2,y2,r2) | 创建一个放射状渐变。圆圈的起始坐标是 x1,y1 ,半径为 r1 。圆圈的结束坐标为 x2,y2 ,半径为 r2 。 |
addColorStop(offset, color) | 向一个渐变添加一个颜色停止。颜色停止(color stop) 是渐变中颜色更改发生的位置。offset 必须介于 0 到 1 之间。 |
fillStyle | 设置用于填充一个区域的颜色 — 例如,fillStyle='rgb(255,0,0)' . |
strokeStyle | 设置用于绘制一根直线的颜色 — 例如,fillStyle='rgb(255,0,0)' . |
fillRect(x,y,w,h) | 填充一个定位于 x 和 y ,宽度和高度分别为 w 和 h 的矩形。 |
strokeRect(x,y,w,h) | 绘制一个定位于 x 和 y ,宽度和高度分别为 w 和 h 的矩形的轮廓。 |
moveTo(x,y) | 将绘图位置移动到坐标 x,y 。 |
lineTo(x,y) | 从绘图方法结束的最后位置到 x,y 绘制一条直线。 |
相关推荐
chenshuixian 2013-06-01
羽化大刀Chrome 2013-05-31
quanhaoH 2013-06-17
pigsmall 2020-11-19
graseed 2020-10-28
大数据杂谈 2020-09-26
SXIAOYI 2020-09-16
jinhao 2020-09-07
ChinaWin 2020-08-13
mohanzb 2020-08-01
王国平 2020-06-20
yoohsummer 2020-06-01
kangtingting0 2020-05-20
MichelinMessi 2020-02-19
impress 2020-02-20
nicepainkiller 2020-01-25
hfszy0 2013-05-15
lizhenmxcz 2013-05-12
gxyblue 2013-05-11