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 推薦標準。

如需閱讀更多有關 W3C 的 SVG 活動的訊息,請訪問我們的 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影象。