Fabric.js ActiveSelection 事件属性

ActiveSelection 是 fabric.js 组件库中的一种特殊的对象。它是一个包含单个或多个选定了区域的 canvas 中的组件的集合。在 ActiveSelection 对象中，可以使用 getActiveObject() 方法获取当前选择的对象。

在 fabric.js中， ActiveSelection 对象具有以下事件属性：

• selection:created - 对象创建事件

当使用 canvas.setActiveObject() 方法将对象选中时，将触发此事件。这个事件只会在创建新的 ActiveSelection 对象时触发一次。

• selection:cleared - 对象已清除事件

在清除选定对象时触发。这个事件只会在清除最后一个选定对象时触发一次。

• selection:updated - 选择区域更新事件

当选择区域或选定的对象发生更改时触发。例如，当移动、缩放或旋转对象时，将触发此事件。此事件也会在多个对象被选中或从选中中移除时触发。

以下是一些示例代码，用于演示如何使用 ActiveSelection 事件属性：

canvas.on('selection:created', function() {
  console.log('一个新的对象被创建了!');
});

canvas.on('selection:cleared', function() {
  console.log('选定的对象已清除!');
});

canvas.on('selection:updated', function() {
  console.log('选定的对象已更新!');
});

希望这个介绍对 fabric.js 开发人员有所帮助。