在FabricJs中加载图像

Question

我正在使用FabricJs，我正在设计一个Web模板。当canvas正在加载对象（多个图像和绘图对象）时，我有一个要求显示加载图像。 但是我无法找到在画布上加载所有对象后渲染的事件。你能告诉我一些解决方案吗？

提前致谢。 SALONI

Answer 1

你有一种方法可以实现这个任务，你可以遍历所有json对象并逐个添加它们，然后将它们添加到画布后，不要调用canvas.renderAll()。你必须在循环完成后调用canvas.renderAll()。这种方式after:render只有在所有对象都加载到画布后才会被触发 你可以看一下这个小提琴：http://jsfiddle.net/a6zuy11q/8/

Answer 2

请检查它是否对您有用，canvas.loadFromJSON具有回调函数，隐藏加载消息 在回调中。这是更新的小提琴http://jsfiddle.net/mk410jLo/

canvas.loadFromJSON(json,function(){
canvas.renderAll();
setTimeout(function(){
$(".loading-bar").hide();
},100);});