用于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，因为我喜欢矢量图形。