Path2D

构造函数

Path2D()

Path2D 构造函数。创建一个新的 Path2D 对象。

实例方法

Path2D.addPath()

将一个路径添加到当前路径。

Path2D.closePath()

使画笔点移回到当前子路径的起点。它尝试从当前点到起点绘制一条直线。如果形状已关闭或只有一个点，此函数不执行任何操作。

Path2D.moveTo()

将新子路径的起点移动到 (x, y) 坐标。

Path2D.lineTo()

用一条直线将子路径的最后一个点连接到 (x, y) 坐标。

Path2D.bezierCurveTo()

向路径添加三次贝塞尔曲线。它需要三个点。前两个点是控制点，第三个点是终点。起点是当前路径中的最后一个点，可以在创建贝塞尔曲线之前使用 moveTo() 进行更改。

Path2D.quadraticCurveTo()

向当前路径添加一条二次贝塞尔曲线。

Path2D.arc()

向路径添加一个圆弧，该圆弧以 (x, y) 位置为中心，半径为 r，从 startAngle 开始，到 endAngle 结束，并按给定的方向（counterclockwise，默认为顺时针）绘制。

Path2D.arcTo()

向路径添加一个圆弧，该圆弧具有给定的控制点和半径，并与前一个点通过一条直线连接。

Path2D.ellipse()

向路径添加一个椭圆弧，该椭圆弧以 (x, y) 位置为中心，半径分别为 radiusX 和 radiusY，从 startAngle 开始，到 endAngle 结束，并按给定的方向（counterclockwise，默认为顺时针）绘制。

Path2D.rect()

在 (x, y) 位置创建一个矩形路径，其大小由 width 和 height 确定。

Path2D.roundRect()

在 (x, y) 位置创建一个圆角矩形路径，其大小由 width 和 height 确定，用于矩形角的圆弧半径由 radii 确定。

规范

浏览器兼容性

另见

• CanvasRenderingContext2D