建議：畫布或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和畫布在同一線程）

注意：如果這對您來說是個問題，您可能還會考慮瀏覽器兼容性。