Path2D

Canvas 2D API 的接口 Path2D 用来声明路径,此路径稍后会被 CanvasRenderingContext2D 对象使用。

CanvasRenderingContext2D 接口的 路径方法 也存在于 Path2D 这个接口中,允许你在 canvas 中根据需要创建可以保留并重用的路径

 

Path2D()

继承层次

构造函数

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

语法

Path2D()

属性列表

属性说明
--

方法列表

语法说明
--

Path2D.prototype

继承层次

Object.prototype
 Path2D.prototype

属性列表

属性说明
--

方法列表

语法说明
addPath()添加一条新路径到对当前路径。
closePath()使笔点返回到当前子路径的起始点。它尝试从当前点到起始点绘制一条直线。 如果图形已经是封闭的或者只有一个点,那么此函数不会做任何操作。
moveTo()将一个新的子路径的起始点移动到(x,y)坐标。
lineTo()使用直线连接子路径的终点到 x, y 坐标。
bezierCurveTo()添加一条三次贝赛尔曲线到当前路径。 该方法需要三个点。 第一、第二个点是控制点,第三个点是结束点。
quadraticCurveTo()添加一条二次贝赛尔曲线到当前路径。
arc()添加一条圆弧路径。 圆弧路径的圆心在 (x, y) 位置,半径为 r ,根据 anticlockwise (默认为顺时针)指定的方向从 startAngle 开始绘制,到 endAngle 结束。
arcTo()根据控制点和半径添加一条圆弧路径,使用直线连接前一个点。
ellipse()添加一条椭圆路径。椭圆的圆心在(x,y)位置,半径分别是 radiusX 和 radiusY ,按照 anticlockwise (默认顺时针)指定的方向,从 startAngle 开始绘制,到 endAngle 结束。
rect()创建一条矩形路径,矩形的起点位置是 (x, y) ,尺寸为 width 和 height。

Path2D实例

Object.prototype
 Path2D.prototype
  Path2D 实例

参考

相关页面

外部链接