用於HTML5瀏覽器的SVG或Canvas？

Question

如果最低瀏覽器支持IE9，Chrome 16，FF 13，Safari 5.1，那麼在HTML/JavaScript中創建圖形的最佳方法是什麼？ &歌劇10？ SVG還是Canvas？
Google Charts？

Answer 1

通過https://stackoverflow.com/a/1651167/138772和http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/狀況：

你應該用帆布：

• 交互式圖像編輯：裁剪，調整大小，過濾器（想去除紅眼，棕褐色，上色等）
• 生成柵格圖形：數據可視化，數據圖，渲染分形，功能圖。
• 圖像分析：讀取像素以收集直方圖，顏色使用情況以及您可以想象的任何其他數據。
• 渲染遊戲圖形，如精靈和背景。

您應該使用SVG爲：

• 分辨率無關的Web應用程序的用戶界面。
• 高度交互式的動畫用戶界面。
• 數據圖表和圖表。
• 矢量圖像編輯。

所以基本上，使用SVG，如果你想擁有漂亮的矢量圖形，並通過DOM來操縱它們的能力，而是用畫布，如果你只是希望他們繪製的，並不需要矢量（你可以無論如何，它可能會設置它，以便擴展到頁面/窗口大小）或DOM使用。就個人而言，我會推薦SVG，因爲我喜歡矢量圖形。