## mozilla官网
很全面
[https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
## 其他参考
[https://www.jianshu.com/p/846b67045e4a](https://www.jianshu.com/p/846b67045e4a)
- Canvas基本功能
- 绘制方法
- （一）Canvas标签
- 定义Canvas标签
- 理解Canvas坐标系
- 获取Canvas环境上下文
- （二）Canvas图形
- 绘制Canvas路径
- 1、绘制线条
- 案例1：绘制直线
- 案例2：绘制圆形的结束线帽
- 案例3：绘制复杂圆形
- 2、绘制矩形
- 案例1：rect()与stroke()绘制矩形
- 案例2：fillRect()绘制矩形
- 3、绘制圆形
- 案例1
- 案例2
- 4、绘制贝塞尔曲线
- 案例1：贝塞尔曲线方式1
- 案例2：贝塞尔曲线方式2
- 案例3:复杂的贝塞尔曲线
- 绘制Canvas变形图形
- 处理Canvas图形
- （三）Canvas文本
- 绘制文字
- 设置文字格式
- 设置文字对齐方式
- （四）Canvas图片
- 绘制drawImage图片
- 使用getImageData()和putImageData()绘制图片
- 使用createImageData新建像素
- 参考文章
- API官网
- 示例