fabric.js 怎么给 Group 中的子元素的子元素绑定事件
时间: 2023-02-10 21:15:19 浏览: 112
你可以使用 `fabric.Group#on` 或者 `fabric.Group#_group events` 在 Group 中的子元素的子元素上绑定事件。
举个例子:
```javascript
const group = new fabric.Group();
const rect = new fabric.Rect();
const circle = new fabric.Circle();
group.add(rect);
group.add(circle);
// 使用 fabric.Group#on 绑定事件
group.on('click', function() {
console.log('Group was clicked');
});
// 使用 fabric.Group#_group events 绑定事件
group._group events.push({
eventName: 'click',
handler: function() {
console.log('Group was clicked');
}
});
```
你也可以在 Group 中的子元素上绑定事件,例如:
```javascript
rect.on('click', function() {
console.log('Rect was clicked');
});
circle.on('click', function() {
console.log('Circle was clicked');
});
```
注意,这些事件只有在 Group 对象可点击时才会触发,即当 Group 对象的 `selectable` 属性设置为 `true` 时。
希望这能帮到你。
阅读全文