svg - SVG、多条小路径和一条大路径哪个更有效？

Question

如果我在浏览器中显示常规 SVG(作为独立文件或嵌入在 HTML 中)，在拥有大量单独的路径元素和一个巨大的路径元素之间在效率上是否有任何理论上的差异？

我正在考虑将某种动画从一张图片变成一张完全不同的图片。如果我只用一个就能把它们都画出来 <path>标记每个，它们之间的动画会容易得多。然而，我担心如果路径太大，处理可能需要更长的时间或效率更低。

我自己没有测试过这个，因为它需要手动连接很多路径，如果最终结果证明效率低得可怕，我不想浪费时间:-(

在 W3C 或 Mozilla 的文档中似乎找不到任何关于此的内容。任何意见表示赞赏。

Answer 1

您不必手动完成，用一个小的 xml 解析器来测试它是微不足道的(如果需要，可以制作一些玩具数据)。

话虽如此，在没有完全奇异优化的合理世界中(在同一点结束的小路径将成为一条长路径)，长路径更好 - 但可能只有几个字节。渲染性能不应该真正不同 - 任何智能渲染器都将使用适当的基元，以便显卡可以并行渲染各个段。

你当然可以找到糟糕的解析器和渲染器，所以你真正的问题将归结为几个组件:

您是否可以控制客户使用的解析器/渲染器？

长路径还是短路径更快？

如果您无法控制您的客户正在使用什么，那么无论我们在这里说什么，您都将不得不构建一组测试数据并对每个常见排列进行测试。