javascript - loadFromJSON() 函数仅在 Canvas 上的 Click 事件后加载填充有 Pattern 的对象

Question

当我尝试时load the JSON data onto the canvas，每个形状都会被加载，但填充在形状中的图案只有在我点击形状后才会加载。

有人可以解释为什么会这样吗？即使我检查了这个：

canvas2.loadFromJSON(json,canvas2.renderAll.bind(canvas2));

此外，clone()函数也存在同样的问题：对象重复。但是对象中填充的图案只有在我单击对象后才会显示。

我正在使用 1.3.7 版

Answer 1

我找到了一个“临时”解决方案，它适用于 IE9 和谷歌浏览器。

我的解决方案是在调用 loadFromJSON() 函数后立即延迟画布对象的 renderAll()。

setTimeout(function(){
    canvas.renderAll();
}, 1);