我可以使用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'"/>

但是如果你有更多的功能，你必须为你测试 考虑现代版本。

在github推荐的基础上创建你的SVG-Button madrobby的png版本 使用 librsvg-convert