逝水流光

本文介绍 Canvas 动画初级知识。给出匀速直线、圆周、椭圆、左右来回、正弦、带角度匀速运动等多种动画的实现代码，展示了不同运动效果的制作方法与原理。

本文介绍了 Canvas 的剩余重要 API。包括设置阴影的相关属性，可应用于图形和文字；globalAlpha 控制全局透明度；globalCompositeOperation 决定图形交叉样式等。

文章主要介绍 Canvas 像素操作，涉及 getImageData、putImageData 和 createImageData 等方法及 ImageData 对象。

本文聚焦 Canvas 形变，介绍了平移、缩放、旋转等操作。平移移动坐标系，缩放改变坐标系及图形大小，旋转基于原点且用弧度。还讲解矩阵变换 API 及与常见形变 API 的等价关系。

本文主要介绍 Canvas 绘制图片相关知识，drawImage 可绘制图片、canvas 等，有多种参数形式且需图片加载完成后操作。

文章围绕 Canvas 绘制文字展开，介绍了 strokeText 和 fillText 分别用于描边和填充文字，measureText 可获取文字宽度辅助居中。

本文聚焦 Canvas 线条操作，介绍了lineWidth、lineCap、lineJoin、setLineDash等几种API的用法。

本文介绍了 beginPath 、closePath 等API；还讲解了判断点在路径内的 API 及注意事项，以及裁剪区域和状态保存以及裁剪区域和状态保存恢复的相关知识。

本文围绕 Canvas 曲线图形展开，涵盖圆弧（介绍了 arc 与 arcTo 方法及参数、绘制方向、应用场景）、圆（通过修改弧度数绘制）、二次与三次贝塞尔曲线的绘制知识。