// #图形编辑器 [手动选择元素] import { App, Rect,Group } from 'leafer-ui' import '@leafer-in/editor' // 导入图形编辑器插件 import '@leafer-in/viewport' // 导入视口插件 (可选) const app = new App({ view: window, editor: {} }) const g=new Group({ editable: true,}) // 无 "hitChildren": false, g.add(Rect.one({ editable: true, fill: '#FEB027', cornerRadius: [20, 0, 0, 20] }, 100, 100)) g.add(Rect.one({ editable: true, fill: '#FFE04B', cornerRadius: [0, 20, 20, 0] }, 300, 100)) app.tree.add(g) <img width="2512" height="1324" alt="Image" src="https://github.com/user-attachments/assets/db3c9193-ebe8-44e6-b39e-ed4432454bdc" /> https://github.com/user-attachments/assets/b6a226c2-a12d-4858-adfe-803ea9181c17
// #图形编辑器 [手动选择元素]
import { App, Rect,Group } from 'leafer-ui'
import '@leafer-in/editor' // 导入图形编辑器插件
import '@leafer-in/viewport' // 导入视口插件 (可选)
const app = new App({
view: window,
editor: {}
})
const g=new Group({ editable: true,}) // 无 "hitChildren": false,
g.add(Rect.one({ editable: true, fill: '#FEB027', cornerRadius: [20, 0, 0, 20] }, 100, 100))
g.add(Rect.one({ editable: true, fill: '#FFE04B', cornerRadius: [0, 20, 20, 0] }, 300, 100))
app.tree.add(g)
2026-03-30.14.04.57.mov