將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();
 });

}