建议：画布或SVG

Question

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

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

感谢您的建议。

Answer 1

我个人会建议SVG的原因如下：

• 你可能不会有显示大量对象 - >性能是不是一个问题。
• 动画，转换和用户交互更容易在SVG实现比帆布

有一些额外的ressources你要跟应改为：

• Thoughts on when to use Canvas and SVG（也描述了一种混合的方法）
• 西蒙萨里斯优秀的回复在这个stackoverflow thread（我也张贴了一些benchmarks之间的SVG和画布在同一线程）

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