PenComponent
PenComponent类定义了钢笔组件
public constructor ()
简介
构造钢笔组件实例。
示例
js
const pen = new FP.PenComponent()public beginPath ()
简介
开启路径编辑，编辑路径前需要调用。
示例
js
pen.beginPath()public closePath ()
简介
关闭路径编辑，编辑路径完成时需要调用。
示例
js
pen.closePath()public moveTo (x: number, y: number)
简介
将路径编辑指针移至指定坐标。
示例
js
pen.moveTo(start.x, start.y)public bezierTo (x1: number, y1: number, x2: number, y2: number, x3: number, y3: number)
简介
添加一条三次贝塞尔曲线。
参数
分别为第一个控制点x、y坐标，第二个控制点x、y坐标，以及终点锚点x、y坐标。
示例
js
pen.bezierTo(x1, y1, x2, y2, x3, y3)public quadraticBezierTo (x1: number, y1: number, x2: number, y2: number)
简介
添加一条二次贝塞尔曲线。
参数
分别为第一个控制点x、y坐标，以及终点锚点x、y坐标。
示例
js
pen.quadraticBezierTo(x1, y1, x2, y2)public lineTo (x: number, y: number)
简介
添加一条直线线段。
参数
终点x、y坐标。
示例
js
pen.lineTo(x, y)