你更喜欢哪个？用于图形和图表的 SVG、HTML5 或 regen'd-PNG？

Question

我正在开发一个新网站，以图表形式显示一些运营指标。因此，网站上将显示大约十几个图表/图形。我希望能够让它们根据浏览器的大小动态缩小（在合理范围内）。

我正在讨论生成这些选项作为以下选项之一的利弊：

1. SVG。非常适合扩展，但支持可能有限，
2. HTML5。对于未来和 FF 客户来说，IE 显然是一个不错的选择？
3. 巴布亚新几内亚。这需要我根据 DIV &c 的大小重新生成 PNG。

哪个是更好的选择？我倾向于 PNG 只是为了无处不在的支持，但希望有客户端缩放。鉴于浏览器中 SVG 和 HTML5 画布支持的现状，最佳解决方案是什么？

Answer 1

对于图表，我更喜欢 SVG 而不是 HTML5 canvas 或 PNG。Canvas 和 PNG 在 Firefox 中缩放为位图。（Canvas 提供矢量 API，但它是一个可绘制的位图表面，而不是矢量存储。）SVG 在 Firefox 中缩放为矢量图形。

我经常在缩放视图的情况下跑步，所以我很欣赏真正的矢量缩放。

（画布对于无法处理保留模式图形性能的游戏来说很有意义。）