javascript - 我可以使用 JS 或 jQuery 来测试是否支持 SVG 图像吗？

Question

我在网站上使用 SVG 徽标，在大多数浏览器中它工作正常。但是，在某些 IE 版本和移动浏览器上，图像显示为失败的图像框。有什么方法可以使用 JS 或一些库（最好是 jQuery）来检查 SVG 兼容性，并以最少的假阴性，然后简单地切换到图像的 .png 版本？

该网站是这样的：http: //zero31b.x10.mx/samote，SVG图像是蓝色的小球

Answer 1

Tavmjong Bah 写了一篇关于 SVG 和 PNG 后备的综合文章：

http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html

他/她给出的最简单的代码是

    <img src="buttonA.svg" alt="A sample SVG button." 
       onerror="this.removeAttribute('onerror'); this.src='buttonA.png'"/>

但是，如果您有更多功能需要测试，您可能会考虑使用modernizr 版本。

要在 github 上创建 SVG-Button madrobby 的 png 版本，建议使用librsvg-convert