日期:2013-3-25 来源:GBin1.com
在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。
SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!
为什么使用SVG?
-
文件非常小
-
能够无损失的缩放尺寸
-
在Retina显示屏上效果超棒
-
能够控制图片样式设计,例如互动和过滤filter
浏览器支持
-
IE8及其更低版本不支持
-
Android 2.3及其更低版本不支持
-
其它浏览器都支持
如果你需要支持这些版本的浏览器的话,你可以使用Modernizr,如下:
if (!Modernizr.svg) { $(".gblogo img").attr("src", "images/logo.png"); }
或者使用如下更简单的代码:
<img src="gblogo.svg" οnerrοr="this.οnerrοr=null; this.src="gblogo.png"">......
via 极客标签