javascript - Fabricjs loadFromJSON 性能

标签 javascript html canvas html5-canvas fabricjs

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

最佳答案

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

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

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

关于javascript - Fabricjs loadFromJSON 性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35085320/

相关文章:

html - 您知道 Net 上学习 XHTML 1.0 strict 的最佳网站吗?与 W3schools.com 一样,但内容更好、最新?

angularjs - 自定义指令中的图像加载问题

javascript - 使用 javascript 更改 IE 兼容模式

html - 如何将副标题放在标题下方

javascript - 基于滚动的动画: how to create them

html - 添加/删除/样式更改的 div 的 CSS3 转换/动画?

javascript - html5 canvas调整图片大小使用的算法是什么?

关于绘图和图像( Canvas 、SVG)的 HTML5 建议

javascript - 当我触发输入字段上的绑定(bind)时,我得到的函数为未定义

javascript - 使用 Regex 将 "margin"替换为 HTML 标记内的填充