canvas属性和方法
- 直线:moveTo()、lineTo()和stroke()
- 填充矩形:fillRect()
- 填充颜色:fillStyle
- 矩形轮廓:stroleRect()
- 颜色轮廓:srokeStyle
- 圆:arc()
- 清空画布:clearRect()
- 二次方贝塞尔曲线:quadraticCurveTo()
- 三次方贝塞尔曲线:bezierCurveTo()
- 保存恢复:save()、restore()
- 移动坐标空间:translate()
- 旋转坐标:rotate()
- 缩放:scale()
- 矩阵变换:transform()
- 图形的组合:globalCompositeOperation
- 透明度:globalAlpha
- 图形透明度:rgba()
- 剪切路径:clip()
- 不同的线型属性:lineWidth(粗细)、lineCap(端点样式)、lineJoin(连接处样式)、miterLimit(交点方式)
- 线性渐变:var lineargradient = ctx.createLinerGradient(), lineargradient.addColorStop()
- 径向渐变:var radialgradient = ctx.createRadialGradient(), radialgradient.addColorStop()
- 创建阴影:shadowOffsetX、shadowOffsetY、shadowBlur、shadowColor
- 填充文字:fillText()
- 轮廓文字:strokeText()
- 文字相关属性:font、textAlign、textBaseline
- 测量文字宽度:measureText()
- 引入图片:drawImage()