javascript - Fabric.js - 如何为画布加载事件提供回调

Question

我从 JSON 对象加载画布并调用toDataURL，但我需要一个回调，该回调将在加载画布后执行，因为如果画布上有图像，toDataURL函数会返回一个空白页，因为它是在加载图像之前调用的。

 canvas.loadFromJSON(json);

 // I need an event handler here which will be executed after canvas is loaded

 var dataURL = canvas.toDataURL();

Answer 1

您可以使用来自 loadFromJSON(url,callback) 的回调

<pre>
       canvas.loadFromJSON(url, function () {
            //first render
            canvas.renderAll.bind(canvas);
            //before call to zoomOut();
            zoomOut();
        });



 function zoomOut() {
         var objects = canvas.getObjects();
         console.debug(objects);
    ......
    }