-
可縮放矢量圖形
鎖定
SVG(Scalable Vector Graphics)是一種描述二維圖形的語言。 作為獨立格式或與其他XML混合使用時,它使用XML語法。 HTML文檔中使用的SVG代碼使用HTML語法。 SVG支持三種類型的圖形對象:矢量圖形形狀(例如,由直線和曲線組成的路徑), 圖像和文本。可以對圖形對象進行分組、樣式化轉化和合成。 功能集包括嵌套變換、裁剪路徑、Alpha蒙版、濾鏡效果和模板對象。
[2]
- 中文名
- 可縮放矢量圖形
- 外文名
- Scalable Vector Graphics
- 所屬學科
- 計算機科學
可縮放矢量圖形技術簡介
SVG從1999年由一組加入W3C的公司啓動開發,與之前1998年提交給W3C的標準(PGML、VML)構成競爭。SVG從這兩個格式吸取了經驗。
SVG允許3種圖形對象類型:矢量圖形、柵格圖像以及文本。圖形對象——包括PNG、JPEG這些柵格圖像——能夠被編組、設計、轉換及集成進先前的渲染對象中。文本可以在任何適用於應用程序的XML名字空間之內,從而提高SVG圖形的搜索能力和無障礙性。SVG提供的功能集涵蓋了嵌套轉換、裁剪路徑、Alpha通道、濾鏡效果、模板對象以及可擴展性。
- SVG格式具有以下優點:
- 圖像文件可讀,易於修改和編輯(理論上如此,但實際上卻是因為各種不同的SVG檔編輯器而可能存儲成不易解讀的SVG文件)
- 與現有技術可以互動融合。例如,SVG技術本身的動態部分(包括時序控制和動畫)就是基於SMIL標準。另外,SVG文件還可嵌入JavaScript(嚴格地説,應該是ECMAScript)腳本來控制SVG對象
- SVG圖形格式可以方便的創建文字索引,從而實現基於內容的圖像搜索
- SVG圖形格式可以用來動態生成圖形。例如,可用SVG動態生成具有交互功能的地圖,嵌入網頁中,並顯示給終端用户。
- SVG格式具有以下缺點:
- 如何和已經佔有重要市場份額的矢量圖形格式Adobe Animate競爭的問題。事實上,Adobe Animate在Flash CC 2014版及以後的版本就都支持直接導出SVG文件了。
- SVG的本地運行環境下的廠家支持程度。
- 舊版的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動畫
可縮放矢量圖形技術細節
SVG主要支持以下幾種顯示對象:
- 矢量顯示對象,基本矢量顯示對象包括矩形、圓、橢圓、多邊形、直線、任意曲線等
- 文字對象
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]