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)

的回调

canvas.loadFromJSON(url, function () {
    //first render
    canvas.renderAll.bind(canvas);
    //before call to zoomOut();
    zoomOut();
});
   
function zoomOut() {
    var objects = canvas.getObjects();
    console.debug(objects);
    ......
}