簡介

SVG即可縮放矢量圖形 (Scalable Vector Graphics)的簡稱, 是一種用來描述二維矢量圖形的XML標(biāo)記語言. SVG圖形不依賴于分辨率, 因此圖形不會(huì)因?yàn)榉糯蠖@示出明顯的鋸齒邊緣.使用svg格式我們可以直接用代碼來描繪圖像,可以用任何文字處理工具打開svg圖像,通過改變部分代碼來使圖像具有交互功能,并可以隨時(shí)插入到HTML中通過瀏覽器來瀏覽。

 

優(yōu)點(diǎn):

  1. 縮放無損還原

  2. 可設(shè)置顏色,大小,使用較靈活

  3. 可利用CSS實(shí)現(xiàn)動(dòng)畫

  4. 減少HTTP請求

缺點(diǎn):

  1. SVG在繪制的性能上比PNG要差

  2. 復(fù)雜的圖形或漸變可能顯示不全

  3. 兼容性稍差

網(wǎng)友評(píng)論