建议：画布或 SVG

Question

在我的 Web 应用程序中，我必须绘制示意性网络组件，例如路由器、交换机等。 我的问题现在如下。我应该使用 HTML5 canvas 还是 SVG 哪种技术？我已经阅读了这篇关于那。然而我还是不稳定。

我认为 SVG 能更好地满足我的要求，因为用户必须能够调整元素的大小。此外，还必须能够使图像具有动画效果。

感谢您的建议。

Answer 1

我个人会推荐 SVG 因为以下原因：

• 您可能不必显示大量对象 -->性能不是问题。
• 与 canvas 相比，SVG 中的动画、转换和用户交互更容易实现

您应该阅读一些其他资源：

• 关于何时使用 Canvas 和 SVG 的思考（还描述了一种混合方法）
• Simon Sarris 在此 stackoverflow 线程 中做出了出色的回复（我还发布了一些 同一线程中 SVG 和 canvas 之间的基准）

注意：如果这对您来说是个问题，您也可以考虑浏览器兼容性。