svg - svg路径渲染速度

Question

大约有 6000 个 svg 路径元素。每个都像：

<path fill="none" d="M -1180.753662,3450.687500 C -1183.848267,3258.348389              
-899.981628, 2965.197998 -707.642639,2962.103516" stroke="#8f87a8"/>

我正在使用 d3 平移和缩放事件来平移和缩放整个 svg。http://bl.ocks.org/mbostock/3680999 似乎 html 页面必须在每次平移或缩放时重新渲染所有这些，这使得操作非常缓慢。

无论如何，我可以在理论上使平移和缩放更平滑吗？

Answer 1

使用 CSS3 转换。

Mike Bostock 有一个可缩放地图的示例，并使用 CSS3 平移和缩放来实现平滑缩放。这种方法有缺点：如果您的缩放容器有文本，它也会被“放大”。但这对您来说可能无关紧要，或者您可以解决它。