EditorSkewEvent

编辑器的倾斜事件，通过 app.editor.on() 监听。

事件属性

worldOrigin: IPointData

围绕的中心点（世界坐标）。

skewX: number

X 轴倾斜值（增量）。

skewY: number

Y 轴倾斜值（增量）。

transform?: IMatrixData

变换属性（增量），当选择多个元素进行倾斜时，内部会通过 transform 操作元素进行变换。

事件名称

EditorSkewEvent.BEFORE_SKEW

before 倾斜元素事件。

editor.before_skew

EditorSkewEvent.SKEW

倾斜元素事件。

editor.skew

辅助

editor.editBox.dragPoint 表示当前正在操作的控制点。

继承事件

Event

示例

倾斜元素事件

// #图形编辑器 [倾斜元素事件]
import { App, Rect } from 'leafer-ui'
import { EditorSkewEvent } from '@leafer-in/editor' // 导入图形编辑器插件 //
import '@leafer-in/viewport' // 导入视口插件 (可选)

const app = new App({
    view: window,
    editor: {}
})

app.tree.add(Rect.one({ fill: '#32cd79', editable: true }, 100, 100))
app.tree.add(Rect.one({ fill: '#32cd79', editable: true }, 300, 100))

app.editor.on(EditorSkewEvent.SKEW, (e: EditorSkewEvent) => {
    console.log(e.skewX, e.skewY)
})