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

Can I use JS or jQuery to test if SVG images are supported?

本文关键字：是否 测试 支持 SVG 图像 jQuery 可以使 JS 我可以      更新时间：2023-09-26

我在一个网站上使用SVG徽标，在大多数浏览器中它工作得很好。然而，在某些IE版本和移动浏览器上，图像显示为一个失败的图像框。是否有任何方法，我可以使用JS或一些库(最好是jQuery)来检查SVG的兼容性与最少量的假阴性，并简单地切换到图像的。png版本?

网站是:http://zero31b.x10.mx/samote, SVG图像是蓝色的小球体

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

相关文章：