Path.circleSegment()

The Path.circleSegment() method draws a circle segment starting from the current endpoint of the path around the given origin with a given angle.

A positive angle results in a counter-clockwise arc.

A negative angle results in a clockwise arc.

提示

The new endpoint of this path is the same point that

path.end().rotate(deg, origin)

would return.

Signature

Path path.circleSegment(deg, origin)

提示

This method is chainable as it returns the Path object

Example

预览

代码

({ Point, points, Path, paths, part }) => {

  points.from = new Point(10, 20)
  points.origin = new Point(40, 0)

  paths.line = new Path()
    .move(points.from)
    .circleSegment(90, points.origin)
    .setText("→ Path.circleSegment() →", "text-sm center fill-注意")

  paths.helper = new Path()
    .move(paths.line.start())
    .line(points.origin)
    .line(paths.line.end())
    .setClass('dotted stroke-sm')

  return part
}

透视

Example of the Path.circleSegment() method