JSONをキャンバスに読み込んだ後にオブジェクトを取得するのに問題があります - Fabric JS

Question

Fabric.JSのテンプレートツールをビルドしています。キャンバスを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機能を試してみたときに、私はJSONロードされたオブジェクトのそれぞれを識別することができるように、私は'name'属性でtoObjects機能を高めてい"[]"

しかし、console.logステートメントが返されますが、私もその限り取得することはできません私はオブジェクトをまったく引き出すことができません。

アイデア？

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

}