属性 | |
fillStyle | 填充颜色 |
strokeStyle | 填充边的颜色 |
shadowColor | 阴影颜色 |
shadowBlur | 阴影模糊 |
shadowOffsetX | 阴影水平距离 |
shadowOffsetY | 阴影垂直距离 |
lineCap | 圆帽形 |
lineJoin | 尖角形 |
lineWidth | 线条宽度 |
miterLimit | 设置或返回最大斜接长度 |
width | ImageData对象宽度 |
height | ImageData对象高度 |
data | 图像数据 |
globalAlpha | 设置或返回绘图的当前 alpha 或透明值 |
globalCompositeOperation | 设置或返回新图像如何绘制到已有的图像上 |
函数 | |
createLinearGradient | 线性渐变 |
createPattern | 在指定的方向上重复指定的元素 |
createRadialGradient | 放射状/环形渐变 |
addColorStop | 规定渐变对象中的颜色和停止位置 |
rect | 创建矩形 |
fillRect | 填充矩形 |
strokeRect | 填充边 |
clearRect | 在给定的矩形内清除指定的像素 |
fill | 填充当前绘图(路径) |
stroke | 绘制已定义的路径 |
beginPath | 起始一条路径,或重置当前路径 |
moveTo | 把路径移动到画布中的指定点,不创建线条 |
closePath | 创建从当前点回到起始点的路径 |
lineTo | 添加一个新点,然后在画布中创建从该点到最后指定点的线条 |
quadraticCurveTo | 创建二次贝塞尔曲线 |
bezierCurveTo | 创建三次方贝塞尔曲线 |
arc | 创建弧/曲线(用于创建圆形或部分圆) |
arcTo | 创建两切线之间的弧/曲线 |
isPointInPath | 如果指定的点位于当前路径中,则返回 true,否则返回 false |
scale | 缩放 |
rotate | 旋转 |
translate | 重新映射画布上的 (0,0) 位置 |
transform | 替换绘图的当前转换矩阵 |
setTransform | 将当前转换重置为单位矩阵。然后运行transform() |
font | 字体属性 |
textAlign | 文字对齐方式 |
textBaseline | 设置或返回在绘制文本时使用的当前文本基线 |
fillText | 在画布上绘制“被填充的”文本 |
strokeText | 在画布上绘制文本(无填充) |
measureText | 返回包含指定文本宽度的对象 |
drawImage | 绘制图像|画布|视频 |
createImageData | 创建新的、空白的 ImageData 对象 |
getImageData | 返回 ImageData 对象,该对象为画布上指定的矩形复制像素数据 |
putImageData | 把图像数据(从指定的 ImageData 对象)放回画布上 |
save | 保存当前环境的状态 |
restore | 返回之前保存过的路径状态和属性 |
JS__精简__Canvas
最新推荐文章于 2024-06-03 09:20:03 发布