属于canvas元素的方法
时间: 2024-06-13 09:06:19 浏览: 74
以下是几个属于canvas元素的方法:
```javascript
1. getContext()
// 返回一个用于在画布上绘图的环境
2. fillRect(x, y, width, height)
// 绘制一个填充的矩形
3. strokeRect(x, y, width, height)
// 绘制一个矩形的边框
4. clearRect(x, y, width, height)
// 清除指定矩形区域,让清除部分完全透明
5. beginPath()
// 新建一条路径,生成之后,图形绘制命令被指向到路径上生成路径
6. moveTo(x, y)
// 把路径移动到画布中的指定点,不创建线条
7. lineTo(x, y)
// 添加一个新点,然后在画布中创建从该点到最后指定点的线条
8. closePath()
// 创建从当前点回到起始点的路径
9. stroke()
// 通过线条来绘制图形轮廓
10. fill()
// 通过填充路径的内容区域生成实心的图形
11. arc(x, y, radius, startAngle, endAngle, anticlockwise)
// 创建弧/曲线(用于创建圆形或部分圆)
12. quadraticCurveTo(cp1x, cp1y, x, y)
// 创建二次方贝塞尔曲线
13. bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
// 创建三次方贝塞尔曲线
14. drawImage(img, x, y)
// 向画布上绘制图像
15. createLinearGradient(x0, y0, x1, y1)
// 创建线性渐变(用于创建渐变的线条)
16. createRadialGradient(x0, y0, r0, x1, y1, r1)
// 创建放射性渐变(用于创建渐变的圆)
17. createPattern(image, repetition)
// 在指定的方向上重复指定的元素
18. measureText(text)
// 返回包含指定文本宽度的对象
19. transform(a, b, c, d, e, f)
// 替换绘图的当前转换矩阵
20. setTransform(a, b, c, d, e, f)
// 将当前转换重置为单位矩阵,然后运行transform()
21. save()
// 保存当前环境的状态
22. restore()
// 返回之前保存过的路径状态和属性
23. clip()
// 从原始画布剪切任意形状和尺寸的区域
24. isPointInPath(x, y)
// 如果指定的点位于当前路径中,则返回 true,否则返回 false
25. drawFocusIfNeeded(element)
// 如果指定的元素拥有焦点,则绘制元素
26. scrollPathIntoView()
// 如果指定的路径不在当前视图中,则滚动浏览器窗口以将其显示出来
```
阅读全文