javascript - Fabricjs loadFromJSON 性能

Question

我有一个 Canvas 可以加载不同的页面，这在 JavaScript 上到底是如何工作的？我可以说包含此数据的 object ，在更改页面后，我正在执行类似 delete object; 的操作，我相信它会释放 ram，以便我的应用程序可以再次使用它。前 5 页 Canvas 光滑且漂亮，但在使用 loadFromJSON 后， Canvas 变得非常重，有时会卡住。在带有 safari 网页的 Mac 上，需要超过 600mb RAM，这在 Chrome 上不会发生，但在 Canvas 上工作在两种浏览器上都感觉同样滞后。有没有办法刷新 Canvas 或类似的东西？

Answer 1

首先要优化 Canvas 性能，您可以尝试使用 renderOnAddRemove: true 选项启动它:

canvas = new fabric.Canvas('canvasId', {
  renderOnAddRemove: true
});

然后在完成所有需要的更改后调用 canvas.renderAll()。