尿素
HTML 帆布 参考
描述
HTML5 <canvas> 标签用于通过脚本（通常是 JavaScript）动态绘制图形。
但是，那 <canvas> 元素本身没有绘图能力（它只是一个图形的容器）——您必须使用脚本来实际绘制图形。
getContext() 方法返回一个对象，该对象提供在画布上绘图的方法和属性。
本参考将介绍 getContext("2d") 对象的属性和方法，该对象可用于在画布上绘制文本、线条、框、圆圈等。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 |
|
|
|
|
|
| <canvas> |
4.0 |
9.0 |
2.0 |
3.1 |
9.0 |
支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Safari<canvas> 及其属性和方法。
笔记： Internet Explorer 8 及更早版本不支持<canvas>元素。
颜色、样式和阴影
| 财产 |
描述 |
| 填充样式 |
设置或返回用于填充绘图的颜色、渐变或图案 |
| 描边样式 |
设置或返回用于描边的颜色、渐变或图案 |
| 阴影颜色 |
设置或返回阴影使用的颜色 |
| 阴影模糊 |
设置或返回阴影的模糊级别 |
| 阴影偏移X |
设置或返回阴影与形状的水平距离 |
| 阴影偏移Y |
设置或返回阴影与形状的垂直距离 |
线条样式
| 财产 |
描述 |
| 线帽 |
设置或返回线条末端的样式 |
| 线连接 |
设置或返回两条线相交时创建的角的类型 |
| 行宽 |
设置或返回当前线宽 |
| 斜接限制 |
设置或返回最大斜接长度 |
矩形
路径
变换
文本
| 财产 |
描述 |
| 字体 |
设置或返回文本内容的当前字体属性 |
| 文本对齐 |
设置或返回文本内容的当前对齐方式 |
| 文本基线 |
设置或返回绘制文本时使用的当前文本基线 |
图像绘制
像素操作
| 财产 |
描述 |
| 宽度 |
返回 ImageData 对象的宽度 |
| 高度 |
返回 ImageData 对象的高度 |
| 数据 |
返回包含指定 ImageData 对象的图像数据的对象 |
| 方法 |
描述 |
| 创建图像数据（） |
创建一个新的空白 ImageData 对象 |
| 获取图像数据（） |
返回一个 ImageData 对象，该对象复制画布上指定矩形的像素数据 |
| 放入图像数据（） |
将图像数据（来自指定的 ImageData 对象）放回到画布上 |
合成
| 财产 |
描述 |
| 全局阿尔法 |
设置或返回绘图的当前 alpha 或透明度值 |
| 全局复合操作 |
设置或返回如何在现有图像上绘制新图像 |
其他
| 方法 |
描述 |
| 节省（） |
保存当前上下文的状态 |
| 恢复（） |
返回先前保存的路径状态和属性 |
| 创建事件（） |
|
| 获取上下文（） |
|
| 到数据URL() |
|
