HTML5 的canvas

Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。
Canvas 对象表示一个 HTML 画布元素 -。它没有自己的行为，但是定义了一个 API 支持脚本化客户端绘图操作。
Canvas常用的属性：
1. 在对象CanvasRenderingContext2D的原型对象上可以添加方法 直接调用使用
2. context.canvas 返回当前操作的canvas对象（只读）
3. fillStyle 填充样式 默认有颜色是#000
4. font 设置 绘制文本字体控制 默认 大小10px
5.globalAlpha 设置全局透明度 0-1
6. globalCompositeOperation 改变canvas绘图的混合模式
7. lineCap 线条端点的样式
8.lineJoin 线条转角的样式
9.lineWidth 设置线宽
10.shadowBlur 阴影的模糊程度
11.shadowColor 阴影的颜色
12.shadowOffsetX 阴影x方向偏移
13.shadowOffsetY 阴影y方向偏移
14.strokeStyle 描边样式
15.textAlign 绘制文本的对齐方式
16.textBaseline 绘制文本的基线方式
Canvas常用的方法：
1.arc 绘制圆弧
2.fillText 绘制 纯文本
3.strokeText 绘制描边文本
4.fill 内部填充
5.stroke 填充描边
6.arcTo 绘制圆弧
7.bezierCurveTo 绘制贝塞尔曲线
8.绘制区域 fillReact
9.清除区域 clearReact
10.clip 剪裁 先设置裁剪路径
11.createImageData 创建image图像数据
putImageData 绘制 imageData对象到指定位置
12.save 保存当前canvas的状态在 栈的最上面
restore 一次从栈的上面 取出canvas的状态
13.rotate旋转 translate平移 scale缩放
**欲知更多跳转链接：**https://www.canvasapi.cn/