小编Rit*_*tin的帖子

如何使用大量对象提高canvas fabric.js性能

我需要制作一个具有约30k对象的应用程序,用户可以平移,缩放或“单击时选择”任何这些对象。正在使用Fabric.js画布

我已经使用SVG和svg-pan-zoom插件(没有Canvas元素)进行了相同的操作,效果更好

问题:缩放,平移或单击对象时出现严重滞后

  1. 删除Fabric.js会提高性能吗?
  2. 切换到WebGL会改善性能吗?

尝试了特定于面料的选项

fabric.Object.prototype.objectCaching = false;
fabric.Object.prototype.statefullCache = false;
fabric.Object.prototype.noScaleCache = true;
fabric.Object.prototype.needsItsOwnCache = false;
Run Code Online (Sandbox Code Playgroud)

更新 这里更新的小提琴

以供参考 :

  1. canvas-vs-svg-vs-div Stackoverflow

  2. 堆栈溢出

svg html5-canvas fabricjs

3
推荐指数
1
解决办法
1950
查看次数

标签 统计

fabricjs ×1

html5-canvas ×1

svg ×1