jquery - 提高 Fabric.js 性能

标签 jquery performance-testing fabricjs

这是我的测试脚本。我想在图像上添加大约一千个矩形。但是当我取消注释所有函数调用 AddRectangle(x1, y1, x2, y2) 时,浏览器崩溃。

http://jsfiddle.net/talkwaqar/efhg2/

谁能帮我让它在浏览器中顺利地显示这些内容而不出现任何问题。

您可以分享任何更新的代码吗?

最佳答案

你需要这个:

canvas.renderOnAddRemove = false;

避免每次添加时 Canvas 重新渲染。

更新的 fiddle :http://jsfiddle.net/efhg2/2/

关于jquery - 提高 Fabric.js 性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21076912/

相关文章:

javascript - 如何在完全信任的解决方案中通过 javascript 调用 Sharepoint 2013 API?

javascript - 如何使用 jquery 滚动到溢出 div 的顶部?

javascript - Fabric.js 的撤消重做

JQuery 倒排表选择

Javascript IE 转换矩阵计算

performance-testing - 如何将 25k 记录放入运动流和测试工具以确认它

javascript - 如何防止 WebLOAD wlHttp 模块在收到非 200 状态码时中止回合?

performance - JMeter的 'loop count'行为

javascript - 替换图像时缩放图像以适合

fabricjs - 如何获得组fabricjs内对象的左上角