**優化永遠是程式設計師亙古不變的需求，而合理的利用svg來代替部分png/jpg等格式的則是前端優化重要的一環，既然是優化，那我們先來看看svg都有哪些優勢：
svg 可被非常多的工具讀取和修改（比如記事本）
幾個svg小例子：
我們來看一下第三個分享圖示的**：
不了解svg的同學現在一定一臉問號，就跟我第一次見他們一樣，別著急，我們從基礎看起。
什麼是svg？
svg 是一種基於 xml 語法的影象格式，全稱是可縮放向量圖（scalable vector graphics）。其他影象格式都是基於畫素處理的，svg 則是屬於對影象的形狀描述，所以它本質上是文字檔案，體積較小，且不管放大多少倍都不會失真。此外svg 是全球資訊網聯盟的標準，svg 與諸如 dom 和 xsl 之類的 w3c 標準是乙個整體。
怎麼使用？
在 html5 中，您能夠將 svg 元素直接嵌入 html 頁面中,例如上面的那顆小紅心：
svg **也可以寫在乙個以.svg結尾的檔案中，然後用
、、、等標籤插入網頁。
css也可以使用svg
.logo
svg 檔案還可以轉為 base64 編碼，然後作為 data uri 寫入網頁。
svg的語法
1.
HTML5如何使用SVG
幾個svg小例子 我們來看一下第三個分享圖示的 不了解svg的同學現在一定一臉問號，就跟我第一次見他們一樣，別著急，我們從基礎看起。svg 是一種基於 xml 語法的影象格式，全稱是可縮放向量圖 scalable vector graphics 其他影象格式都是基於畫素處理的，svg 則是屬於對影象...
如何在HTML5中使用SVG
svg 即 scalable vector graphics，是一種用來繪製向量圖的 html5 標籤。你只需定義好xml屬性，就能獲得一致的影象元素。使用svg之前先將標籤加入到html body中。就像其他的html標籤一樣，你可以.svg 即 scalable vector graphics，...
HTML5 基礎 SVG實踐
data 和 type 至少指定一項 在react專案中使用svg,建議使用react svg.react svg即乙個封裝後的react元件。它的目的在於利用svginjector把svg新增到dom中。import react from react import reactdom from re...