// #图形编辑器 [快速修改样式]
import { App, Rect } from 'leafer-ui'
import '@leafer-in/editor' // 导入图形编辑器插件
import '@leafer-in/viewport' // 导入视口插件 (可选)
const app = new App({
view: window,
editor: { stroke: '#0d99ff', pointSize: 8, pointRadius: 0 }
})
const rect = Rect.one({ editable: true, fill: '#32cd79', cornerRadius: 30 }, 100, 100)
app.tree.add(rect)
app.editor.select(rect)
setTimeout(() => {
// 调用app.editor.removeItem 会出现错误,
// 调用app.editor.cancel就不会报错
app.editor.removeItem(rect)
// app.editor.cancel()
rect.set({
editable: false
})
}, 2000)