【发布时间】：2012-07-29 08:33:00
【问题描述】：
如果最低浏览器支持是 IE9、Chrome 16、FF 13、Safari 5.1.& Opera 10，那么在 HTML/JavaScript 中创建图表的最佳方法是什么？ SVG 还是画布？
Google Charts？
【问题讨论】：
【发布时间】：2012-07-29 08:33:00
【问题描述】：
经过https://stackoverflow.com/a/1651167/138772 和http://dev.opera.com/articles/view/svg-or-canvas-choosing-between-the-two/：
您应该将 Canvas 用于：
- 交互式图像编辑：裁剪、调整大小、过滤器（想想红眼消除、棕褐色、着色等）
- 生成光栅图形：数据可视化、数据图、渲染分形、函数图。
- 图像分析：读取像素以收集直方图、颜色使用以及您能想象到的任何其他数据。
- 渲染游戏图形，例如精灵和背景。
您应该将 SVG 用于：
- 独立于分辨率的 Web 应用程序用户界面。
- 高度交互的动画用户界面。
- 数据图表和绘图。
- 矢量图像编辑。
所以基本上，如果您想拥有漂亮的矢量图并能够通过 DOM 操作它们，请使用 SVG，但如果您只想绘制它们而不需要矢量，请使用 Canvas（您可能可以这样设置）无论如何，它会缩放到页面/窗口大小）或 DOM 使用情况。不过，我个人推荐 SVG，因为我喜欢矢量图形。
【讨论】：