在 HTML5 中的 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()
方法从画布中删除了这两个对象。