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/

相关文章:

mongodb - 如何使用 Scala 将 1 亿条记录加载到 MongoDB 中进行性能测试?

performance-testing - 为并发 apache bench 请求发送不同的 POST json

javascript - 将对象数组操作为新数组

javascript - 使用 jquery 使用方法发布对象

performance - Ubuntu 性能监控工具,例如 PerfMon

reactjs - 为什么我遇到 Uncaught TypeError : Cannot read properties of null (reading 'add' ) on deployment?

javascript - FabricJS:始终在 Canvas 上居中对象

javascript - "mouse:over"未触发并且 "mouse:down"使用 FabricJS 返回未定义的目标

javascript - 更改输入文件的默认样式并在选择文件后更改文本

javascript - 如何通过键值合并两个Javascript对象