javascript - Fabric.js : How to get the properties' value of the object in a group?

Question

我正在使用 Fabric.js 创建 Canvas 。我可以知道是否可以获取组对象中对象的属性值？

例如:我创建了一个矩形和一个文本对象，并将它们组合在一起

new fabric.group([rect1,text1],{
        top:100,
        left:100
    });

我尝试过如下:

var objsInCanvas = canvas.getObjects();
for (obj in objsInCanvas) {
    return objsInCanvas[obj].get('text')
}

但它没有为我获取文本的值(value)。有人可以就此提出建议吗？

Answer 1

我还没有足够的代表来发表评论，但我可以看到一些可能导致此问题的因素。如果没有更多代码，我将不得不假设一些事情。

首先，在实例化新组时，您需要将 Fabric 对象大写。

var group = new fabric.Group([rect1, text1],{
  ...    
});

其次，如果还没有，您需要将您的组添加到 Canvas

canvas.add(group);

我确信您在代码中做到了这一点，但是呃。然后我们就可以得到好东西了......

你的 for 循环抓取了 Canvas 上的所有对象，对吧？事实证明，如果您的对象在一个组中，那么您将抓取该组本身，而不是其中的各个对象。您还需要遍历该组中的所有对象才能从中获取任何属性。

我快速地摆弄了一下，看看是否可以让它工作。它应该让您了解您需要做什么。

http://jsfiddle.net/pUw5k/