自定义SVG地图|性能问题

时间:2017-04-21 10:38:23

标签: javascript performance svg maps

构建交互式地图并遇到严重的性能问题,特别是围绕缩放。当用户试图放大它的抖动或更好的放,不顺畅。

用于处理缩放的库是:https://github.com/ariutta/svg-pan-zoom

地图呈现1100个单独的SVG元素,这些元素的尺寸为6 X 9,因此相对较小,并且已经看起来像是问题。

出于保密原因,我无法分享地图的设计,但想象一下卡通的地图可以勾勒出一个露营地。它包含树木,渐变,许多露营地,因此元素数量很多。

我无法找到与此相关的更多信息,更不用说SVG性能了。

非常感谢任何有关如何改善表现的建议。

其他信息,该应用程序是使用React JS,Redux,Webpack,ES6构建的。

0 个答案:

没有答案