logo标签列表

我能否使用JS或jQuery来测试SVG图像的支持？

javascriptjqueryinternet-explorermobilesvg
6
我正在一个网站上使用SVG标志，在大多数浏览器上都可以正常工作。然而，在某些IE版本和移动浏览器上，图像将显示为失败的图像框。是否有任何方法可以使用JS或某个库（最好是jQuery）来检查SVG兼容性，以最少的误报率简单地切换到图像的.png版本？此网站为：http://zero31b.x10.mx/samote，其中SVG图像是小蓝色地球。
https://gist.github.com/3202087 是一种方法。（尽管它需要JavaScript。）我是通过查找“svg with png fallback”来找到它的。 - Ry-
2
在工作中，我们成功地利用了现代浏览器特性检测库 Modernizr - http://modernizr.com/ 进行开发。 - Kris Krause
顺便问一下，你有没有注意到你的SVG文件大小是30kB？ - John Dvorak
1个回答
0

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'"/>

但是如果您有更多要测试的功能，您可能需要考虑使用现代化版本。

为了创建SVG按钮的png版本，Github上的madrobby建议使用librsvg-convert

这个图片周围的链接是否真的必要？ - John Dvorak
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接