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 的組織有:太陽微系統、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圖像。


股票配资平台l选一直牛