Image 你喜欢哪一种？SVG、HTML5或regen'；图的d-PNG&；图表？

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

我正在讨论将其作为以下选项之一的利弊：

SVG。非常适合扩展，但可能支持有限

HTML5。显然是未来和FF客户的最佳选择，即

PNG。这会 要求我重新生成PNG 根据部门和c的规模

---

哪个是更好的选择？我倾向于使用PNG，只是为了获得无处不在的支持，但我希望能够进行客户端扩展。考虑到浏览器中SVG和HTML5画布支持的现状，最好的解决方案是什么？

最好的选择是SVG或HTML5，如果其他浏览器不支持PNG，它们将依赖PNG。

为IE提供了

支持。因此，这将是1和2的合并。好处是：（a）随着越来越多的浏览器添加对

的支持，您将自动获得已经支持它的好处；（b）您将获得随浏览器大小而扩展的功能。

现在您可以使用所有现代浏览器都支持SVG。 所有现代浏览器都支持画布。 Internet Explorer两者都不支持。 Raphaël（raphaeljs.com）中有一个SVG的部分API和IE的回退机制 中存在IE的部分画布实现

---

我想说，这不是一个“画布或SVG”的问题，而是存在哪种高级库最能满足您的需求。

您可能比探索一个新的图表库更糟糕：

---

一开始你不会相信的。

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

我经常在视图缩放的情况下跑步，所以我喜欢真正的矢量缩放

---

（对于无法处理保留模式图形的性能影响的游戏，画布是有意义的。）

您可以使用SVG和png回退，只需使用CSS即可，如以下答案所述：

4。闪光将是跨浏览器的，并且非常快速/响应。此外，您还可以编写一些奇特的效果/交互。安全环境。没有闪存选项。安全的环境。没有flash选项。一个选项是从SVG文件服务器端为不支持SVG的客户端生成PNG/JPG。但是，如果使用标记，则可以在不请求SVG的情况下在其中默认PNG请求…可能是最好的。嗯，我将使用gnuplot，它可以通过轻按输出终端开关在大部分情况下产生上述任何一种。我应该提到的是，这需要没有客户端插件，我需要阅读更多关于ExCanvas的内容。我可能需要开始另一个问题，但是SVG如何在调整大小的DIV中动态缩放？在没有全页缩放和只有文本缩放的浏览器中，您需要将SVG元素包装在一个em大小的div中，并使SVG框的大小为包含div的100%。上面我所关心的是在Firefox>=3.5中使用整页缩放对图表进行矢量缩放，为了实现这一点，em/div技巧是不必要的。