Fabric.js ActiveSelection destroy() 方法

简介

destroy() 方法是 Fabric.js 中 ActiveSelection 类的一个方法，用于销毁选择集。 选择集是包含已选定对象的组，当您选择多个对象时就会在画布上创建这个组。 要在更改选择集的状态时使用此方法。

语法

ActiveSelectionInstance.destroy()

返回值

此方法没有任何返回值。

代码示例

canvas.on('selection:cleared', function() {
  console.log('selection cleared');
});

canvas.on('selection:created', function(e) {
  console.log('selection created with ', e.selected.length, ' objects');
});

canvas.on('selection:updated', function(e) {
  console.log('selection updated with ', e.selected.length, ' objects');
});

// 销毁选择集
fabric.util.getById('destroy-selection').onclick = function() {
  canvas.getActiveObject().destroy();
};

示例说明

在这个简单的例子中，当选择清除，创建或更新时控制台都会输出一些指示信息。 创建或更新时，将显示已选择对象的数量。 “销毁选择集”按钮将调用 getActiveObject() 方法来获取当前的选定对象，然后调用 destroy() 方法销毁选定对象。

注意，在使用此方法之前，必须首先使用 getActiveObject() 或 getActiveGroup() 方法创建选定对象或选定组，才能将其销毁。 否则，该方法将引发错误。

总结

通过使用 destroy() 方法，您可以在Fabric.js中销毁选择集，从而更改选择集的状态。 使用 getActiveObject() 或 getActiveGroup() 方法来获取选定对象或组，使用此方法销毁它们。 此方法没有返回值，但将触发“selection: cleared”事件。