文档手册

class Graphics.Path

2024-07-18 12:30:50

类 Graphics.Path

表示 2D 路径。在浏览器中也称为 Path2D。

constructor

new Graphics.Path([d:string])

构造新的路径对象。d 接受 SVG 的 <path> s d 属性值。

properties

 不适用

Methods

moveTo()

path.moveTo(x, y)
path.moveTo(Point)

lineTo()

path.lineTo(x, y)
path.lineTo(Point)

quadraticCurveTo()

将二次贝塞尔曲线添加到当前子路径。

path.quadraticCurveTo(cpx, cpy, x, y)
path.quadraticCurveTo(cp:Point, pt:Point)

bezierCurveTo()

将三次贝塞尔曲线添加到当前子路径。

path.bezierCurveTo(p1x, cp1y, cp2x, cp2y, x, y)
path.bezierCurveTo(cp1:Point, cp2:Point, pt:Point)

arcTo()

使用给定的控制点和半径向当前子路径添加圆弧。如果指定参数需要,圆弧会自动通过一条直线连接到路径的最新点。

path.arcTo(x1, y1, x2, y2, radius)
path.arcTo(cp1:Point, cp2:Point, radius)

arc()

向当前子路径添加圆弧。

path.arc(x, y, radius, startAngle, endAngle [, anticlockwise])

ellipse()

path.ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle [, anticlockwise])

rect()

path.rect(x, y, width, height)
path.rect(Rect)

closePath()

添加一条从当前点到当前子路径起点的直线。如果路径已关闭或只有一个点,则此函数不执行任何操作。

path.closePath()

isPointInside()

path.isPointInside(x,y):bool
path.isPointInside(Point):bool

如果点位于(闭合)路径内,则为 true

path.isPointOnStroke(distance,x,y):bool
path.isPointOnStroke(distance,Point):bool

如果该点与划线路径的距离为真,则为 true。

box()

path.box(): Rect

矩形框的轮廓框。

bounds()

path.bounds(): [x1,y1,x2,y2]

外形框为 x1,y1,x2,y2 四边形

combine()

path.combine(how:string, otherPath): Path

使用以下方式模式将此路径和其他路径组合在一起:

  • "union"

  • "intersect"

  • "xor"

  • "exclude"