簡(jiǎn)介

scalable Vector Graphics 可縮放矢量圖形

SVG是一種基于XML的圖像格式，和傳統(tǒng)的位圖技術(shù)不同，SVG存儲(chǔ)的是圖像的數(shù)學(xué)描述，而非具體圖像。

SVG的優(yōu)點(diǎn)？

1.自由的縮放 分辨率無(wú)關(guān)

SVG存儲(chǔ)的是圖像的數(shù)學(xué)描述，因此，SVG圖像可以自由的縮放，而不會(huì)產(chǎn)生位圖的放大后產(chǎn)生馬賽克，可以很好的適配各種屏幕。

2.以XML作為存儲(chǔ)結(jié)構(gòu)

基于數(shù)學(xué)描述的圖像可以有多種格式
比如CSV結(jié)構(gòu)

type,cx,cy,r
circle,30,20,15

或者為JSON結(jié)構(gòu)

{
      "type":"circle",
      "cx":"30",
      "cy":"20",
      "r":"15",
}

SVG則選擇了XML為結(jié)構(gòu)

<circle cx="30" cy="20" r="15" />

以XML為結(jié)構(gòu)最大的優(yōu)勢(shì)就在于，可以在javascript中使用DOM，像操作HTML文檔那樣子操作SVG文件。