# Path2D

基础库 2.11.0 开始支持,低版本需做兼容处理

相关文档: 画布指南canvas 组件介绍

Canvas 2D API 的接口 Path2D 用来声明路径,此路径稍后会被CanvasRenderingContext2D 对象使用。CanvasRenderingContext2D 接口的 路径方法 也存在于 Path2D 这个接口中,允许你在 canvas 中根据需要创建可以保留并重用的路径。

# 方法

# Path2D.addPath(Path2D path)

添加路径到当前路径。

# Path2D.arc(number x, number y, number radius, number startAngle, number endAngle, boolean counterclockwise)

添加一段圆弧路径。

# Path2D.arcTo(number x1, number y1, number x2, number y2, number radius)

通过给定控制点添加一段圆弧路径。

# Path2D.bezierCurveTo(number cp1x, number cp1y, number cp2x, number cp2y, number x, number y)

添加三次贝塞尔曲线路径。

# Path2D.closePath()

闭合路径到起点。

# Path2D.ellipse(number x, number y, number radiusX, number radiusY, number rotation, number startAngle, number endAngle, boolean counterclockwise)

添加椭圆弧路径

# Path2D.lineTo(number x, number y)

添加直线路径

# Path2D.moveTo(number x, number y)

移动路径开始点

# Path2D.quadraticCurveTo(number cpx, number cpy, number x, number y)

添加二次贝塞尔曲线路径。

# Path2D.rect(number x, number y, number width, number height)

添加方形路径。