加载画布Json Fabric JS后获取Object数组为空

Question

我使用此功能加载画布的对象

var objects = canvas.getObjects();

但是当我尝试读取数组为空但在浏览器控制台中很奇怪

Array[0] 0: klass 1: klass length: 2 __proto__: Array[0]

在我调整画布大小的其他函数中，数组与所有对象一起出现，我不知道为什么会这样

Answer 1

我遇到了一个非常类似的问题，但是它只会在我的应用程序处于生产状态时才显示出来。 问题是对象只有在加载图像后才可用，因此即使等待一秒钟（如注释之一所示）也不会总是有效。

我的解决方案是观察要添加到画布的对象：

 canvas.on('object:added', function(object) {
   // Do something here
 });

几年前，这里还有一篇相关的文章：

Answer 2

我在使用loadFromJSON()函数时遇到了这样的问题。

发生这种情况是因为在呈现所有对象之前调用了getObjects() 。 loadFromJSON（）接受回调，您可以在其中获取所有画布项目。

希望这会帮助某人。