Skip to content

pixso.vectorEditor

pixso.vectorEditor 对象是一个矢量编辑器,提供了进入、退出矢量编辑模式,选择、设置矢量顶点、控制点、路径等方法。

enterVertorEditMode

  • Type: enterVertorEditMode(node: VectorNode|LineNode|RectangleNode|EllipseNode|StarNode|PolygonNode): void

选择某个可编辑图层,进入矢量编辑模式。

exitVertorEditMode

  • Type: exitVertorEditMode(): void

退出矢量编辑模式。

addVertex

需要先切换至钢笔工具再调用此接口

  • Type: addVertex(vector: Vector): void

添加矢量顶点。

deleteVertex

矢量编辑模式下调用

  • Type: deleteVertex(index: number): void

删除矢量顶点。

selectVertex

矢量编辑模式下调用

  • Type: selectVertex(index: number): void

选择矢量顶点。

setSelectedVertexPosition

矢量编辑模式下调用,需要先选中矢量顶点。

  • Type: setSelectedVertexPosition(vector: Vector): void

更改所选中矢量顶点的坐标。

setSelectedVertexMirrorType

矢量编辑模式下调用,需要先选中矢量顶点。

  • Type: setSelectedVertexMirrorType(handleMirroring: HandleMirroring): void

更改所选中矢量顶点的类型。

setSelectedVertexCornerRadius

矢量编辑模式下调用,需要先选中矢量顶点。

  • Type: setSelectedVertexCornerRadius(cornerRadius: number): void

更改所选中矢量顶点的圆角半径。

getControlPoints

矢量编辑模式下调用,需要先选中矢量顶点。

  • Type: getControlPoints(): Vector[]

获取当前选中矢量顶点的所有控制点。

selectControlPoint

矢量编辑模式下调用,需要先选中矢量顶点。

  • Type: selectControlPoint(index: number): void

选择当前选中矢量顶点的某个控制点。

setSelectedControlPointPosition

矢量编辑模式下调用,需要先选中矢量顶点。

  • Type: setSelectedControlPointPosition(vector: Vector): void

更改当前所选中控制点的坐标。

addSegment

矢量编辑模式下调用。

  • Type: addSegment(startVertexIndex: number, endVertexIndex: number): void

添加矢量路径。

deleteSegment

矢量编辑模式下调用。

  • Type: deleteSegment(index: number): void

删除矢量路径。

selectSegment

矢量编辑模式下调用。

  • Type: selectSegment(index: number): void

选择矢量路径。