複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/可縮放矢量圖形/22819739
複製
複製成功

可縮放矢量圖形

鎖定
SVG（Scalable Vector Graphics）是一種描述二維圖形的語言。 作為獨立格式或與其他XML混合使用時，它使用XML語法。 HTML文檔中使用的SVG代碼使用HTML語法。 SVG支持三種類型的圖形對象：矢量圖形形狀（例如，由直線和曲線組成的路徑）， 圖像和文本。可以對圖形對象進行分組、樣式化轉化和合成。 功能集包括嵌套變換、裁剪路徑、Alpha蒙版、濾鏡效果和模板對象。 [2] 
中文名
可縮放矢量圖形
外文名
Scalable Vector Graphics
所屬學科
計算機科學

目錄

  1. 1 技術簡介
  2. 2 技術細節
  3. 3 版本記錄

可縮放矢量圖形技術簡介

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的一個子集，而主要目標是為掌上計算機等高端移動設備提供矢量圖形顯示格式 [1]  。
SVG Tiny
SVG Tiny又稱SVGT，是英語“Scalable Vector Graphics, Tiny Profile”的簡寫，可以翻譯為“可縮放的矢量圖形標準的微型簡化版本”。它也是SVG的一個子集，而主要目標是為手機等低端移動設備提供矢量圖形顯示格式。
SVG animation

可縮放矢量圖形技術細節

SVG主要支持以下幾種顯示對象：
  2. 矢量顯示對象，基本矢量顯示對象包括矩形、圓、橢圓、多邊形、直線、任意曲線等
  3. 嵌入式外部圖像，包括PNG、JPEG、SVG等
  4. 文字對象
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。
參考資料
  • 1.    王仲, 董欣, 陳曉鷗. SVG——一種支持可縮放矢量圖形的Web瀏覽語言規範[J]. 中國圖象圖形學報, 2000, 5(12):1039-1043.
  • 2.    Introduction — SVG 2  ．W3．2020-01-05[引用日期2023-08-13]