canvas属性和方法

1. 直线：moveTo()、lineTo()和stroke()
2. 填充矩形：fillRect()
3. 填充颜色：fillStyle
4. 矩形轮廓：stroleRect()
5. 颜色轮廓：srokeStyle
6. 圆：arc()
7. 清空画布：clearRect()
8. 二次方贝塞尔曲线：quadraticCurveTo()
9. 三次方贝塞尔曲线：bezierCurveTo()
10. 保存恢复：save()、restore()
11. 移动坐标空间：translate()
12. 旋转坐标：rotate()
13. 缩放：scale()
14. 矩阵变换：transform()
15. 图形的组合：globalCompositeOperation
16. 透明度：globalAlpha
17. 图形透明度：rgba()
18. 剪切路径：clip()
19. 不同的线型属性：lineWidth（粗细）、lineCap（端点样式）、lineJoin（连接处样式）、miterLimit（交点方式）
20. 线性渐变：var lineargradient = ctx.createLinerGradient(), lineargradient.addColorStop()
21. 径向渐变：var radialgradient = ctx.createRadialGradient(), radialgradient.addColorStop()
22. 创建阴影：shadowOffsetX、shadowOffsetY、shadowBlur、shadowColor
23. 填充文字：fillText()
24. 轮廓文字：strokeText()
25. 文字相关属性：font、textAlign、textBaseline
26. 测量文字宽度：measureText()
27. 引入图片：drawImage()