我想以编程方式选择Fabrics.js对象。我需要做什么?例如,我要添加两个这样的对象:
var canvas = new fabric.Canvas('canvas');
canvas.add(new fabric.Rect({
left: 100,
top: 100,
width: 75,
height: 50,
fill: 'green',
stroke: 'black',
strokeWidth: 3,
padding: 10
}));
canvas.add(new fabric.Circle({
left: 200,
top: 200,
radius: 30,
fill: 'gray',
stroke: 'black',
strokeWidth: 3
}));
我有两个按钮,同时单击名为
单击“选择矩形”按钮时,应选择矩形形状;单击“选择第二个对象”按钮时,应选择第二个对象圆。
这是解决方法的Jsfiddle。
我瞪着眼睛厌倦了,在这里我正在寻找如何开始的观点。
编辑
我喜欢每个对象都有一个ID,应该可以使用该ID来选择对象,为什么我要问这个原因,而在使用协作方式时,我们无法确定所有连接的节点是否都具有相同的项目索引,因此唯一ID将很有用。
是的,您可以通过在all.js中添加以下代码来设置每个项目的ID
在fabric.js构建版本1.3.0中:在对象声明中添加
var object = {
id: this.id,
remaining properties in all.js
}
现在,您可以使用以下方法设置对象ID:
canvas.getActiveObject().id=your id value;
您可以使用检索对象ID:
Myid= canvas.getActiveObject().get('id');
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句