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

Question

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

1. 加载SVG，它作为JSON对象保存在数据库中 画布
2. 因此用户可以编辑。
3. 转换SVG中的画布。
4. 将编辑好的SVG作为JSON对象保存在数据库中。

当矢量对象的数量较少（小于2K）时，这工作正常，但是当数字变高时，系统开始滞后，有些则崩溃。我们想管理大约15k - 20k的矢量对象。我们正在使用fabricjs。

- ＆GT;

Answer 1

尝试使用最新版本的fabricjs（2.3）。它使用画布来缓存路径。这是仅在调整路径时绘制路径的方式。