gpt4 book ai didi

javascript - Fabric.js getObjects() 按标签或类型

转载 作者:行者123 更新时间:2023-11-30 11:11:06 24 4
gpt4 key购买 nike

在fabric.js中,您可以使用以下方法获取 Canvas 中的所有线条

objects = canvas.getObjects('line')

但是我有一些对象是一组矩形文本

如何标记项目并将它们作为一个组?我无法选择所有组,因为还有其他类型的组。

这是我的分组对象

var profilepic = new fabric.Rect({
originX: 'center',
originY: 'center',
fill: "#000",
opacity: 0.7,
strokeDashArray: [5, 5],
stroke: '#fff',
width: w,
height: h
});
var text = new fabric.Text(text, {
fontSize: 30,
fill: "#fff",
originX: 'center',
originY: 'center',
});
var group = new fabric.Group([ profilepic, text ], {
left: x,
top: y,
angle: 0,
});

最佳答案

您可以向对象添加任何您想要的属性,这样您就可以以某种方式标记您的组

var group = new fabric.Group([profilepic, text], {
left: 0,
top: 0,
angle: 0,
hasRectangle: true
});

然后我不确定您想要如何选择对象,但您可以执行类似的操作来获取您想要的对象:

let rectanglegroups = canvasobj._objects.filter(
obj => obj.hasRectangle === true
);
rectanglegroups.map(obj => canvasobj.setActiveObject(obj));

关于javascript - Fabric.js getObjects() 按标签或类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53636128/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com