将JSON加载到画布后无法获取对象-Fabric JS

Question

我正在用Fabric.JS构建模板工具。 我已经能够成功地将画布序列化为DatalessJSON ，然后将DatalessJSON反序列DatalessJSON回到画布上。 但是，一旦加载了JSON尝试使用对象就会遇到问题。

 function loadTemplate() {


 var template = $('#JSONserial').val();
 canvas.clear();
 canvas.loadFromDatalessJSON(template);
 canvas.renderAll();

 var allObjects = canvas.getObjects();

 console.log(allObjects);

因此，在这里，画布肯定已成功加载了JSON ，并且所有对象似乎都没有问题。 但是，当我尝试使用getObjects函数时， console.log语句返回"[]"

我已使用'name'属性扩展了toObjects函数，以便可以识别每个JSON加载的对象，但是我什至无法做到，因为我根本无法拉出对象。

有任何想法吗？

Answer 1

loadFromDatalessJson是异步的。

loadFromDatalessJSON(json, callback, reviver)

使用回调在对象加载结束时运行代码。

 function loadTemplate() {
 var template = $('#JSONserial').val();
 canvas.clear();
 var allObjects = [];
 canvas.loadFromDatalessJSON(template, function(){
   allObjects = canvas.getObjects();
   console.log(allObjects);
   canvas.renderAll();
 });

}