Group
创建组,默认宽高随子元素自动变化。
关键属性
children: UI
[]
子元素。
关键方法
add(child: UI
)
添加子元素。
addAt(child: UI
, index: number
)
在指定位置添加子元素。
addBefore(child: UI
, before: UI
)
在指定元素前面添加子元素。
addAfter(child: UI
, after: UI
)
在指定元素后面添加子元素。
remove(child?: UI
): void
移除指定的子元素。
当 child 参数不存在时,移除当前元素。
示例
ts
import { Leafer, Group, Rect, Ellipse } from 'leafer-ui'
const leafer = new Leafer({ view: window })
const group = new Group({
x: 100,
y: 100
})
const rect = new Rect({
width: 200,
height: 200,
fill: '#32cd79',
draggable: true
})
const ellipse = new Ellipse({
x: 50,
y: 50,
width: 100,
height: 100,
innerRadius: 0.5,
fill: "white"
})
leafer.add(group)
group.add(rect)
group.add(ellipse)