0

如果最低浏览器支持是 IE9、Chrome 16、FF 13、Safari 5.1.& Opera 10，那么在 HTML/JavaScript 中创建图形的最佳方法是什么？SVG 还是画布？
谷歌图表？

4

1 回答 1

0

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

于 2012-07-31T14:34:04.100 回答