可縮放矢量圖形

可縮放矢量圖形（英語：Scalable Vector Graphics，SVG）是一種基於可擴展標記語言（XML），用於描述二維矢量圖形的圖形格式。SVG由W3C制定，是一個開放標準。

基本介紹

• 中文名：可縮放矢量圖形
• 外文名：Scalable Vector Graphics

SVG概述

SVG從1999年由一組加入W3C的公司啟動開發，與之前1998年提交給W3C的標準（PGML、VML）構成競爭。SVG從這兩個格式吸取了經驗。

SVG允許3種圖形對象類型：矢量圖形、柵格圖像以及文本。圖形對象——包括PNG、JPEG這些柵格圖像——能夠被編組、設計、轉換及集成進先前的渲染對象中。文本可以在任何適用於應用程式的XML名字空間之內，從而提高SVG圖形的搜尋能力和無障礙性。SVG提供的功能集涵蓋了嵌套轉換、裁剪路徑、Alpha通道、濾鏡效果、模板對象以及可擴展性。

SVG嚴格遵從XML語法，並用文本格式的描述性語言來描述圖像內容，因此是一種和圖像解析度無關的矢量圖形格式。

• SVG格式具有以下優點：
  

• 圖像檔案可讀，易於修改和編輯（理論上如此，但實際上卻是因為各種不同的SVG檔編輯器而可能存儲成不易解讀的SVG檔案）
  
• 與現有技術可以互動融合。例如，SVG技術本身的動態部分（包括時序控制和動畫）就是基於SMIL標準。另外，SVG檔案還可嵌入JavaScript（嚴格地說，應該是ECMAScript）腳本來控制SVG對象
  
• SVG圖形格式可以方便的創建文字索引，從而實現基於內容的圖像搜尋
  
• SVG圖形格式支持多種濾鏡和特殊效果，在不改變圖像內容的前提下可以實現點陣圖格式中類似文字陰影的效果。
  
• SVG圖形格式可以用來動態生成圖形。例如，可用SVG動態生成具有互動功能的地圖，嵌入網頁中，並顯示給終端用戶。
  

• SVG格式具有以下缺點：
  

• 如何和已經占有重要市場份額的矢量圖形格式Adobe Animate競爭的問題。事實上，Adobe Animate在Flash CC 2014版及以後的版本就都支持直接導出SVG檔案了。
  
• SVG的本地運行環境下的廠家支持程度。
  
• 由於原始的SVG檔是遵從XML語法，導致數據採用未壓縮的方式存放，因此相較於其他的矢量圖形格式，同樣的檔案內容會比其他的檔案格式稍大。Adobe因此使用gzip壓縮開發出壓縮的SVG檔格式，附檔名為 .svgz， 但此種檔案格式除了Adobe旗下的軟體以外，未被廣泛支持使用。
  
• 舊版的SVG Viewer無法正確顯示出使用新版SVG格式的矢量圖形。
  

SVG Basic

SVG Basic又稱SVGB，是英語“Scalable Vector Graphics, Basic Profile”的簡寫，可以翻譯為“可縮放的矢量圖形標準的基本版”。它是SVG的一個子集，而主要目標是為掌上計算機等高端移動設備提供矢量圖形顯示格式。

SVG Tiny

SVG Tiny又稱SVGT，是英語“Scalable Vector Graphics, Tiny Profile”的簡寫，可以翻譯為“可縮放的矢量圖形標準的微型簡化版本”。它也是SVG的一個子集，而主要目標是為手機等低端移動設備提供矢量圖形顯示格式。

SVG animation

• 主條目：SVG動畫
  

SVG技術細節

SVG主要支持以下幾種顯示對象：

1. 矢量顯示對象，基本矢量顯示對象包括矩形、圓、橢圓、多邊形、直線、任意曲線等
   
2. 嵌入式外部圖像，包括PNG、JPEG、SVG等
   
3. 文字對象
   

SVG可以實現動態和互動功能。在DOM模型的基礎上，SVG開發設計人員可以利用ECMAScript或者SMIL來進行時序控制或對象的操縱。SVG雖然是文本格式，但是SVG支持利用gzip壓縮算法減少檔案尺寸，壓縮後的檔案通常用被稱為“SVGZ檔案”。

標準制定開發歷史

• 2001年9月4日，發布SVG 1.0。
  
• 2003年1月4日，發布SVG 1.1。
  
• 2003年1月14日，推出SVG移動子版本：SVG Tiny和SVG Basic。
  
• 2008年12月22日，發布SVG Tiny 1.2。
  
• 2011年8月16日，發布SVG 1.1（第2版），成為W3C目前推薦的標準。
  
• W3C目前仍正在研究制定SVG 2。