canvas 学习

从0开始canvas系列从0开始canvas系列一---canvas画布从0开始canvas系列二---文本和图像从0开始canvas系列三---图像像素级操作从0开始canvas系列四---运动动画

路径裁剪就是在画布上设置一个路径，让我们之后绘制的图像只显示在这个路径之中。

从0开始canvas系列从0开始canvas系列一---canvas画布从0开始canvas系列二---文本和图像从0开始canvas系列三---图像像素级操作从0开始canvas系列四---运动动画

优点：使用方便，动画的时间间隔可以自定义。 缺点：隐藏浏览器标签后，会依旧运行，造成资源浪费。与浏览器刷新频率不同步。 优点：性能更优良。隐藏浏览器标签后，便不会运行。与浏览器刷新频率同步。

要点：获取一区域的像素颜色，然后将此颜色赋给此区域的所有像素。

在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的. 在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的. 当前我们用来绘制文本的样式. 这个字符串使用和 CSS font 属性相同的语法. 默认的字体是 10px sans-serif。 文本对齐选项. 可选…

由 P0 至 P1 的连续点 Q0，描述一条线段。 由 P1 至 P2 的连续点 Q1，描述一条线段。 由 Q0 至 Q1 的连续点 B(t)，描述一条二次贝塞尔曲线。 首先，创建画图起始点。 然后，使用画图命令去设置图形。 最后，通过描边或填充路径区域来渲染图形。 新建一条路…