Skip to content

变换

关键方法

另外可使用 element 元素的布局属性方法直接移动、变换编辑框。

move ( x: number | IPointData, y = 0): void

位移选中元素 增量操作, 支持直接传入 坐标对象

flip( axis:'x' | 'y' )

按轴方向( 世界坐标系) 镜像/翻转选中元素。

scaleOf ( origin: IAlign | IPointData, multiplyScaleX: number, multiplyScaleY = scaleX)

围绕 element 元素的原点 origin( box 坐标 )缩放选中元素 增量操作

rotateOf ( origin: IAlign | IPointData, addRotation: number)

围绕 element 元素的原点 origin( box 坐标 )旋转选中元素 增量操作

skewOf ( origin: IAlign | IPointData, addSkewX: number, addSkewY = 0)

围绕 element 元素的原点 origin( box 坐标 )倾斜选中元素 增量操作

ts
// 当前选中元素
const { element } = app.editor

// 想缩放到指定 scale, 需除以元素当前 scale,如下:
app.editor.scaleOf('center', 1.5 / element.scale)

// 想旋转到指定 rotation, 需减去元素当前 rotation,如下:
app.editor.rotateOf('center', 45 - element.rotation)

// 想倾斜到指定 skewX, 需减去元素当前 skewX,如下:
app.editor.skewOf('center', 45 - element.skewX)

归属

Editor 元素

Released under the MIT License.