-
arcTo();圆弧与线段相切查看全部
-
默认情况下顺时针绘制查看全部
-
fillStyle=image||canvas||video查看全部
-
fillStyle=gradient查看全部
-
fillStyle=color gradient:linearGradient(线性渐变)/radialGradient（径向渐变） image canvas video查看全部
-
使用图片、video、画布 作为填充背景 createPattern(img/video/canvas,'repeat-style') repeat-style:no-repeat; repeat-x/repeat-y repeat查看全部
-
//径向渐变 var gradient=createRadialGradient(x0,y0,r0,x1,y1,r1);查看全部
-
var gradient=context.createLinearGradient(startX,startY,stopX,stopY); //参数：起点坐标和终点坐标 gradient.addColorStop(0,'#000'); gradient.addColorStop(1,'#035'); //参数：色标位置，css颜色值 context.fillStyle=gradient; context.fillRect(0,0,canvas.width,canvas.height);查看全部
-
fill 与 stroke 执行的先后顺序不同，则效果不同。 先执行fill，再stroke，则linewidth不变。 先stroke，再fill，则lineWidth会变细，因为被fill覆盖了一部分查看全部
-
save() //保存设置 restore() //回复状态 translate(x,y)//移动坐标原点 rotate(deg)//围绕原点旋转图像deg弧度 scale(sx,sy) //缩放 默认 sx,sy 为1 transform(a,b,c,d,e,f)//直接修改变换矩阵 setTransform(a,b,c,d,e,f) //将变换矩阵重置为默认状态 a c e b d f 0 0 1 a:水平缩放 b:水平倾斜 c：垂直倾斜 d：垂直缩放 e: 水平位移 f: 垂直位移查看全部
-
变换矩阵查看全部
-
图形变换 位移translate(x,y) 旋转 rotate(deg) 缩放 scale(sx,sy)查看全部
-
星空绘制 合理运用随机数 ：Math.random()*数查看全部
-
线条相交属性查看全部
-
绘制五角星查看全部
举报
0/150
提交
取消