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

Question

我在网站上使用 SVG Logo ，在大多数浏览器中它都工作正常。但是，在某些 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 按钮 madrobby 的 png 版本推荐 使用 librsvg-convert