我正在开发一个新网站，其中列出了一些运营指标。因此，该网站上将显示大约十几个图表/图表。我希望能够根据浏览器的大小动态缩小（在合理范围内）。
我正在讨论生成这些选项的优点/缺点：
哪个选择更合适？我倾向于PNG只是为了无处不在的支持，但是希望有客户端扩展。考虑到浏览器中SVG和HTML5画布支持的状态，最佳解决方案是什么？
答案 0 :(得分：4)
你可能比探索新的图表库更糟糕： http://g.raphaeljs.com/
一开始你不会相信它。
答案 1 :(得分：4)
我更喜欢SVG而非HTML5画布或PNG图表。 Canvas和PNG在Firefox中缩放为位图。 （Canvas提供了一个矢量API，但它是一个可绘制的位图表面 - 而不是矢量存储。）SVG在Firefox中缩放为矢量图形。
我在视图缩放的情况下运行，所以我很欣赏真正的矢量缩放。
（对于无法处理保留模式图形性能的游戏，Canvas很有意义。）
答案 2 :(得分：3)
现在您可以使用SVG anywhere
答案 3 :(得分：3)
所有现代浏览器都支持SVG。 所有现代浏览器都支持Canvas。 Internet Explorer都不支持。 Raphaël（raphaeljs.com）中存在用于SVG的部分API，具有IE的回退机制 IE的部分Canvas实现存在于ExCanvas
中我想说它不是“Canvas或SVG”的问题，而是存在最能满足您需求的高级库。
答案 4 :(得分：2)
最好的选择是SVG或HTML5，如果其他人不可用，将退回到PNG。
答案 5 :(得分：0)
ExplorerCanvas为IE带来<canvas>支持。所以，这将是1＆amp;的融合。 2.好处是（a）随着越来越多的浏览器添加对<canvas>的支持，您将自动获得已经支持它的好处，以及（b）您将扩展浏览器大小。
答案 6 :(得分：0)
您可以使用CSS使用带有png后备的SVG，如本答案中所述：https://stackoverflow.com/a/13575068/418711