SVG 簡介

SVG 是使用 XML 來描述二維圖形和繪圖程序的語言。

學(xué)習(xí)之前應(yīng)具備的基礎(chǔ)知識：

繼續(xù)學(xué)習(xí)之前，你應(yīng)該對以下內(nèi)容有基本的了解：

• HTML
• XML 基礎(chǔ)

如果希望首先學(xué)習(xí)這些內(nèi)容，請在本站的首頁選擇相應(yīng)的教程。

什么是SVG？

• SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)
• SVG 用來定義用于網(wǎng)絡(luò)的基于矢量的圖形
• SVG 使用 XML 格式定義圖形
• SVG 圖像在放大或改變尺寸的情況下其圖形質(zhì)量不會有所損失
• SVG 是萬維網(wǎng)聯(lián)盟的標(biāo)準(zhǔn)
• SVG 與諸如 DOM 和 XSL 之類的 W3C 標(biāo)準(zhǔn)是一個整體

SVG 是 W3C 推薦標(biāo)準(zhǔn)

SVG 于 2003 年 1 月 14 日成為 W3C 推薦標(biāo)準(zhǔn)。

如需閱讀更多有關(guān) W3C 的 SVG 活動的信息，請訪問我們的 W3C 教程。

SVG 的歷史和優(yōu)勢

在 2003 年一月，SVG 1.1 被確立為 W3C 標(biāo)準(zhǔn)。

參與定義 SVG 的組織有：太陽微系統(tǒng)、Adobe、蘋果公司、IBM 以及柯達(dá)。

與其他圖像格式相比，使用 SVG 的優(yōu)勢在于：

• SVG 可被非常多的工具讀取和修改（比如記事本）
• SVG 與 JPEG 和 GIF 圖像比起來，尺寸更小，且可壓縮性更強(qiáng)。
• SVG 是可伸縮的
• SVG 圖像可在任何的分辨率下被高質(zhì)量地打印
• SVG 可在圖像質(zhì)量不下降的情況下被放大
• SVG 圖像中的文本是可選的，同時也是可搜索的（很適合制作地圖）
• SVG 可以與 Java 技術(shù)一起運(yùn)行
• SVG 是開放的標(biāo)準(zhǔn)
• SVG 文件是純粹的 XML

SVG 的主要競爭者是 Flash。

與 Flash 相比，SVG 最大的優(yōu)勢是與其他標(biāo)準(zhǔn)（比如 XSL 和 DOM）相兼容。而 Flash 則是未開源的私有技術(shù)。

查看 SVG 文件

Internet Explorer9，火狐，谷歌Chrome，Opera和Safari都支持SVG。

IE8和早期版本都需要一個插件 - 如Adobe SVG瀏覽器，這是免費(fèi)提供的。

創(chuàng)建SVG文件

由于SVG是XML文件，SVG圖像可以用任何文本編輯器創(chuàng)建，但它往往是與一個繪圖程序一起使用，如Inkscape，更方便地創(chuàng)建SVG圖像。