jquery - 提高 Fabric.js 性能

Question

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

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

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

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

Answer 1

你需要这个:

canvas.renderOnAddRemove = false;

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

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