在html5中的fabric.js画布上一次删除多个对象

在 HTML5 中的 Fabric.js 画布上删除多个对象的方法可以通过以下步骤实现：

创建一个 Fabric.js 画布，并在画布上添加要删除的对象。
使用 fabric.util.remove() 方法删除画布上的多个对象。
使用 fabric.util.removeFromArray() 方法从画布中删除多个对象。

具体实现代码示例如下：

// 创建一个 Fabric.js 画布
var canvas = new fabric.Canvas('c');

// 添加要删除的对象
var shape1 = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'red'
});

var shape2 = new fabric.Circle({
  left: 200,
  top: 200,
  radius: 50,
  fill: 'blue'
});

// 使用 fabric.util.remove() 方法删除画布上的多个对象
canvas.remove(shape1);
canvas.remove(shape2);

// 使用 fabric.util.removeFromArray() 方法从画布中删除多个对象
canvas.removeFromArray(shape1);
canvas.removeFromArray(shape2);

上述代码通过 fabric.Rect 和 fabric.Circle 创建了两个对象，并将它们添加到画布中。然后，使用 canvas.remove() 方法从画布中删除了这两个对象，以及使用 canvas.removeFromArray() 方法从画布中删除了这两个对象。