建议：Canvas或SVG

Question

在我的Web应用程序中，我必须绘制路由器，交换机和子等原理图网络组件。 我的问题现在如下。我应该使用哪种技术HTML5 canvas或SVG？我已经阅读了this文章。但是我仍然不稳定。

我认为SVG会更好地满足我的要求，因为用户必须能够调整元素的大小。还必须能够为图像设置动画。

感谢您的建议。

Answer 1

我个人会推荐 SVG ，原因如下：

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

您应该阅读一些额外的资源：

• Thoughts on when to use Canvas and SVG（也描述了混合方法）
• Simon Sarris在此stackoverflow thread中的优秀回复（我在同一个帖子中也在SVG和canvas之间发布了一些benchmarks）

注意：如果您遇到问题，也可以考虑浏览器兼容性。