HTML Canvas Reference Manual
- Ƙarƙaɗa ɗinsa HTML Color Names
- Ƙarƙaɗa ɗinsa HTML ƙaɗanin ƙirar / ƙashe
HTML Canvas Reference Manual
HTML <canvas> tagi ne kaiye koyi kara koyi sauki kara koyi sauki
Kaiye koyi kara koyi sauki
Kaiye koyi kara koyi sauki
| 属性 | 描述 |
|---|---|
| fillStyle | Kaiye koyi kara koyi sauki kara koyi sauki |
| strokeStyle | Kaiye koyi kara koyi sauki kara koyi sauki |
| shadowColor | Kaiye koyi kara koyi sauki kara koyi sauki |
| shadowBlur | Kaiye koyi kara koyi sauki kara koyi sauki |
| shadowOffsetX | Kaiye koyi kara koyi sauki kara koyi sauki |
| shadowOffsetY | Kaiye koyi kara koyi sauki kara koyi sauki |
| 方法 | 描述 |
|---|---|
| createLinearGradient() | Kaiye koyi kara koyi sauki |
| createPattern() | Kaiye koyi kara koyi sauki kara koyi sauki |
| createRadialGradient() | Kaiye koyi kara koyi sauki kara koyi sauki |
| addColorStop() | Add color stop |
Kaiye koyi kara koyi sauki
| 属性 | 描述 |
|---|---|
| lineCap | Kaiye koyi kara koyi sauki kara koyi sauki |
| lineJoin | Kaiye koyi kara koyi sauki kara koyi sauki |
| lineWidth | Kaiye koyi kara koyi sauki kara koyi sauki |
| miterLimit | Kaiye koyi kara koyi sauki kara koyi sauki |
Kaiye koyi kara koyi sauki
| 方法 | 描述 |
|---|---|
| rect() | Kaiye koyi kara koyi sauki |
| fillRect() | Kaiye koyi kara koyi sauki |
| strokeRect() | Kaiye koyi kara koyi sauki |
| clearRect() | Kaiye koyi kara koyi sauki ko koyi sauki |
Path
| 方法 | 描述 |
|---|---|
| fill() | Fill koyi kara koyi sauki |
| stroke() | Kaiye koyi kara koyi sauki |
| beginPath() | Kaiye koyi kara koyi sauki, tana sauki koyi sauki |
| moveTo() | Gudan koyi kara koyi sauki koyi sauki, kuma koyi kara koyi sauki |
| closePath() | Kaiye koyi kara koyi sauki, kuma koyi kara koyi sauki |
| lineTo() | Kara koyi nuna, kuma kaiye koyi kara nuna ko koyi sauki |
| clip() | A kaiye koyi karo kaiyari kai sauki ko koyi sauki |
| quadraticCurveTo() | 创建二次贝塞尔曲线 |
| bezierCurveTo() | 创建三次方贝塞尔曲线 |
| arc() | 创建弧/曲线（用于创建圆形或部分圆） |
| arcTo() | 创建两切线之间的弧/曲线 |
| isPointInPath() | 如果指定的点位于当前路径中，则返回 true，否则返回 false |
转换
| 方法 | 描述 |
|---|---|
| scale() | 缩放当前绘图至更大或更小 |
| rotate() | 旋转当前绘图 |
| translate() | 重新映射画布上的 (0,0) 位置 |
| transform() | 替换绘图的当前转换矩阵 |
| setTransform() | 将当前转换重置为单位矩阵。然后运行 transform() |
文本
| 属性 | 描述 |
|---|---|
| font | 设置或返回文本内容的当前字体属性 |
| textAlign | 设置或返回文本内容的当前对齐方式 |
| textBaseline | 设置或返回在绘制文本时使用的当前文本基线 |
| 方法 | 描述 |
|---|---|
| fillText() | 在画布上绘制“被填充的”文本 |
| strokeText() | 在画布上绘制文本（无填充） |
| measureText() | 返回包含指定文本宽度的对象 |
图像绘制
| 方法 | 描述 |
|---|---|
| drawImage() | 向画布上绘制图像、画布或视频 |
像素操作
| 属性 | 描述 |
|---|---|
| width | 返回 ImageData 对象的宽度 |
| height | 返回 ImageData 对象的高度 |
| data | 返回一个对象，其包含指定的 ImageData 对象的图像数据 |
| 方法 | 描述 |
|---|---|
| createImageData() | 创建新的、空白的 ImageData 对象 |
| getImageData() | 返回 ImageData 对象，该对象为画布上指定的矩形复制像素数据 |
| putImageData() | 把图像数据（从指定的 ImageData 对象）放回画布上 |
合成
| 属性 | 描述 |
|---|---|
| globalAlpha | 设置或返回绘图的当前 alpha 或透明值 |
| globalCompositeOperation | 设置或返回新图像如何绘制到已有的图像上 |
其他
| 方法 | 描述 |
|---|---|
| save() | 保存当前环境的状态 |
| restore() | 返回之前保存过的路径状态和属性 |
| createEvent() | |
| getContext() | |
| toDataURL() |
- Ƙarƙaɗa ɗinsa HTML Color Names
- Ƙarƙaɗa ɗinsa HTML ƙaɗanin ƙirar / ƙashe
