Fabric.js 获取所有元素,并设置不可选中
时间: 2023-02-16 10:50:34 浏览: 97
可以使用 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();
```
相关问题
Fabric.js 设置不可选中
可以使用 "selectable: false" 属性来设置Fabric.js中的对象不可被选中。
例如:
```
var rect = new fabric.Rect({
left: 100,
top: 100,
width: 50,
height: 50,
fill: 'red',
selectable: false
});
```
这样创建出来的矩形将不能被选中.
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()方法将它们从画布上删除。