SVG 的簡介

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

學習之前應具備的基礎知識：

繼續學習之前，你應該對以下內容有基本的了解：

• HTML

• XML 基礎

什麼是SVG？

• SVG 指可伸縮矢量圖形 (Scalable Vector Graphics)

• SVG 用來定義用於網路的基於矢量的圖形

• SVG 使用 XML 格式定義圖形

• SVG 圖像在放大或改變尺寸的情況下其圖形質量不會有所損失

• SVG 是萬維網聯盟的標準

• SVG 與諸如 DOM 和 XSL 之類的 W3C 標準是一個整體

SVG 是 W3C 推薦標準

SVG 於 2003 年 1 月 14 日成為 W3C 推薦標準。

SVG 的歷史和優勢

在 2003 年一月，SVG 1.1 被確立為 W3C 標準。

參與定義 SVG 的組織有：Sun公司（已被Oracle公司收購）、Adobe、蘋果公司、IBM 以及柯達。

與其他圖像格式相比，使用 SVG 的優勢在於：

• SVG 可被非常多的工具讀取和修改（比如記事本）

• SVG 與 JPEG 和 GIF 圖像比起來，尺寸更小，且可壓縮性更強。

• SVG 是可伸縮的

• SVG 圖像可在任何的解析度下被高質量地列印

• SVG 可在圖像質量不下降的情況下被放大

• SVG 圖像中的文本是可選的，同時也是可搜索的（很適合製作地圖）

• SVG 可以與 Java 技術一起運行

• SVG 是開放的標準

• SVG 文件是純粹的 XML

SVG 的主要競爭者是 Flash。

與 Flash 相比，SVG 最大的優勢是與其他標準（比如 XSL 和 DOM）相兼容。而 Flash 則是未開源的私有技術。

查看 SVG 文件

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

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

創建SVG文件

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

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！