EditorRotateEvent

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

事件属性

rotation: number

旋转角度（增量）。

transform?: IMatrixData

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

事件名称

EditorRotateEvent.BEFORE_ROTATE

before 旋转元素事件。

editor.before_rotate

EditorRotateEvent.ROTATE

旋转元素事件。

editor.rotate

辅助

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

继承事件

Event

示例

旋转元素事件

// #图形编辑器 [旋转元素事件]
import { App, Rect } from 'leafer-ui'
import { EditorRotateEvent } 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(EditorRotateEvent.ROTATE, (e: EditorRotateEvent) => {
    console.log(e.rotation)
})