变换
关键方法
另外可使用 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)