Javascript 将重型SVG（约10k矢量对象）加载到画布中

我们希望将重SVG的JSON对象（大约10k向量对象）加载到画布中。现在我们能够做到，但由于画布中矢量对象的数量，这个过程非常滞后。下面是我们遵循的流程

加载保存在数据库中作为JSON对象的SVG 帆布

因此，用户可以编辑

在SVG中转换画布

将已编辑的SVG作为JSON对象保存在数据库中

当矢量对象的数量较少（小于2K）时，这种方法可以很好地工作，但当数量较高时，系统开始滞后，一些系统崩溃。我们希望管理大约15k-20k矢量对象。我们正在为此使用fabricjs

---

->尝试使用fabricjs的最新版本（2.3）。它使用画布来缓存路径。仅当您调整路径的大小时，才会显示路径的绘制方式