為什么80%的碼農都做不了架構師？>>> ??

日期：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" onerror="this.onerror=null; this.src="gblogo.png""> ......

via?極客標簽

來源：HTML5/CSS3系列教程：使用SVG圖片

轉載于:https://my.oschina.net/gbin1/blog/122935

總結

以上是生活随笔為你收集整理的HTML5/CSS3系列教程：使用SVG图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。