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有example of a zoomable map并使用CSS3翻译和缩放来实现平滑缩放。这种方法有缺点：如果缩放容器有文本，它也会“放大”。但这对你来说可能无关紧要，或者你可以解决它。