fabric.js获取画布上的元素，并遍历删除他们

可以使用canvas.getObjects()方法获取画布上的所有元素，然后使用forEach()方法遍历删除他们。具体的代码实现如下：

var canvas = new fabric.Canvas('canvas');
canvas.add(new fabric.Rect({ left: 100, top: 100, width: 50, height: 50 }));
canvas.add(new fabric.Circle({ left: 200, top: 200, radius: 25 }));

var objects = canvas.getObjects();
objects.forEach(function(object) {
    canvas.remove(object);
});

上述代码中，我们先创建了一个fabric.js画布，并在画布上添加了一个矩形和一个圆形。然后使用canvas.getObjects()方法获取画布上的所有元素，将它们存储在objects变量中。最后，使用forEach()方法遍历所有元素并使用canvas.remove()方法将它们从画布上删除。

相关问题

fabric.js获取画布上所有对应的id

要获取画布上所有对象的ID，可以使用fabric.js的`getObjects()`方法来获取所有对象的数组，然后遍历数组并获取每个对象的ID。以下是一个示例代码：

var canvas = new fabric.Canvas('canvas');
// 添加一些对象到画布上
var rect = new fabric.Rect({left: 10, top: 10, width: 50, height: 50, fill: 'red'});
var circle = new fabric.Circle({left: 100, top: 100, radius: 25, fill: 'blue'});
canvas.add(rect, circle);

// 获取画布上所有对象的ID
var objects = canvas.getObjects();
for(var i = 0; i < objects.length; i++) {
  console.log(objects[i].id);
}

在上面的示例中，我们首先创建一个画布和两个对象（矩形和圆形）。然后，我们使用`getObjects()`方法获取画布上所有对象的数组，并使用一个for循环遍历数组并打印每个对象的ID。

Fabric.js 获取所有元素，并设置不可选中

可以使用 canvas.getObjects() 方法获取 Fabric.js 画布中的所有元素，然后遍历这些元素，设置它们的 selectable 属性为 false。

例如:

var canvas = new fabric.Canvas('c');
// 添加元素到画布

var objects = canvas.getObjects();
for (var i in objects) {
    objects[i].selectable = false;
}
canvas.renderAll();