-
角度不随顺时针和逆时针变化。一直都是由0，顺时针的增加。所以，结束角度一样，而绘图路径不同，两者画出的图是可以补成一个完整的圆查看全部
-
context.fillStyle('#ddd'); context.fill();查看全部
-
context.closePath()查看全部
-
context.beginPath()查看全部
-
1.fillStyle = color/gradient/pattern(image/canvas/video) 2.strokeStyle 也同样试用上面的样式查看全部
-
createPattern(image/canvas/video,repeat) fillStyle = pattern查看全部
-
transform 矩阵 可以级联，就是上面说的，变换的状态会保留，并且影响下一次的变换。 setTransform 相当于重置变换，在多次调用transform 后会有级联效果，setTransform 可以消除之前的状态查看全部
-
scale有副作用，不仅会缩放宽高，边框大小，与原点的距离都会被缩放（如，原始距离为50,50,2倍变换后变成100,100）！ 所以，x，y设为0,0来避免（因为0*任何数都为0），而边框只能不设置！查看全部
-
save（保存canvas的所有状态） restore（恢复save保存的状态） canvas里图形变换接口对canvas的状态改变是叠加的，换句话就是，下一次变换的起点是在前一次操作的起点的基础上的偏移量。查看全部
-
666 1.好好的利用圆形来简化、寻找各种图形绘制的规律。查看全部
-
1.butt，round，square 2.lineCap只能作用于某一个路径的开始和结束的断电，线段与线段的链接点，不会被应用上lineCap查看全部
-
1.基于状态的canvas，demo中，可以把状态的定义放在一起，把真正的绘图函数放在一起，这样代码可读性更高。 2.fill放在stroke之前可以防止填充色覆盖住一部分的边框查看全部
-
1.beginPath()开始新的绘制路径。在beginPath()之后改变的状态，不会影响到beginPath()之前定义的状态。如果某个状态一直没有改变，就会一直延续的使用下去，而不会再beginPath()之后恢复为默认。 2.beginPath()的调用相当于清除之前的绘制状态（包括线条颜色，绘制点的位置等等），所以beginPath()之后的moveTo可以改为lineTo，因为调用的beginPath()，所以之前的绘制点相当于不存在。查看全部
-
canvas 是基于一个状态的绘图环境，不是基于某对象，比如说，canvas并不是将画出的每一条线作为一个对象，然后分别加样式查看全部
-
非零环绕原则查看全部
举报
0/150
提交
取消