可縮放向量圖形

出自Local Chinese Wikipedia
（重新導向自Scalable Vector Graphics）
跳至導覽 跳至搜尋

package.lua第80行Lua錯誤：module 'Module:Category handler/data' not found腳本錯誤：沒有「check for unknown parameters」這個模塊。 Template:Hatnote

package.lua第80行Lua錯誤：module 'Module:CGroup/core' not found

頁面Module:Infobox/styles.css沒有內容。

可縮放矢量圖形
腳本錯誤：沒有「InfoboxImage」這個模塊。
腳本錯誤：沒有「InfoboxImage」這個模塊。
副檔名Template:Monodiv
網路媒體型式Template:Monodiv
開發者萬維網聯盟
首次發佈2001年9月4日，​腳本錯誤：沒有「TimeAgo」這個模塊。​（2001-09-04）
最新版本
1.1（第二版）[3]
2011年8月16日，​腳本錯誤：沒有「TimeAgo」這個模塊。​（2011-08-16）[3]
格式類型矢量圖形
延伸自XML
免費格式？是
網站w3.org/Graphics/SVG/

腳本錯誤：沒有「Check for unknown parameters」這個模塊。

File:Bitmap VS SVG.svg
這張圖片展示了位圖和矢量圖的分別。位圖是由點構成的，矢量圖則是由一些形狀元素構成。該圖中顯示放大位圖可以看到點，而放大矢量圖看到的仍然是形狀。SVG屬於矢量圖，因此能夠無級縮放，而不會產生馬賽克

可縮放矢量圖形（Template:Langx，縮寫：腳本錯誤：沒有「Lang」這個模塊。）是一種基於可擴展標記語言（XML），用於描述二維矢量圖形的圖形格式。SVG由W3C制定，是一個開放標準。

SVG概述[編輯]

SVG由1998年成立的W3C SVG工作組啟動開發，隨着當年提交給W3C的六份標準提案而開展。

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

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

優點[編輯]

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

缺點[編輯]

  • 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動畫[編輯]

package.lua第80行Lua錯誤：module 'Module:Hatnote list' not found

SVG技術細節[編輯]

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

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

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

開發歷史[編輯]

SVG由1998年成立的W3C SVG工作組啟動開發，隨着當年提交給W3C的六份標準提案應運而生：

當時工作組是由W3C的Chris Lilley領銜。

SVG 1.x[編輯]

  • 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。[12]
  • 2011年8月16日，發佈SVG 1.1（第2版），成為W3C目前推薦的標準。[3]
  • SVG Tiny 1.2 Portable/Secure是SVG Tiny 1.2較安全的一個子集，於2020年7月29日作為IETF草案標準推出。[13]

SVG 2[編輯]

SVG 2棄用了SVG 1.1不受所有瀏覽器支援的功能，並整合了HTML5和Web開放字型格式（WOFF）的新功能：[14]

  • SVG 2以WOFF取代了多個字體元素，像是glyph和altGlyph。
  • xml:space屬性已被棄用，由CSS取而代之。
  • 新增HTML5的功能，例如translate和data-*屬性。
  • SVG Tiny 1.2的文字處理功能在註釋中提及，但尚未在文本中正式化。[15]雖然1.2版中的其他功能也是精心挑選的，[14]但是整體而言，SVG 2並不是SVG tiny 1.2的超集。

W3C目前仍正在研究制定SVG 2，SVG 2於2016年9月15日進入候選推薦階段，[16]修訂版本於2018年8月7日和2018年10月4日發佈。[17]最新草案則於2023年3月8日發佈。[18]

示例[編輯]

SVG格式是XML的一種，意即SVG文件其實只是普通的文本文件，用一般的文本編輯器便可查看或修改。 

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" 
    width="467" height="462">
  <!-- This is the red square: -->
  <rect x="80" y="60" width="250" height="250" rx="20" fill="red"
         stroke="black" stroke-width="2px" />
  <!-- This is the blue square: -->
  <rect x="140" y="120" width="250" height="250" rx="40" fill="blue"
         stroke="black" stroke-width="2px" fill-opacity="0.7" />
  <rect x="180" y="160" width="250" height="250" rx="40" fill="blue"
         stroke="green" stroke-width="2px" fill-opacity="0.7" />
</svg>

SVG顯示[編輯]

比較著名的SVG項目包括Mozilla SVG Project[19]，KDE的KSVG，以及Amaya等。

設計工具[編輯]

能夠設計SVG圖形作品的軟件工具包括開放源代碼的Inkscape、Scribus和Karbon等，還有專有的Adobe Illustrator、Adobe Animate和CorelDRAW等。

另外也有開放源碼、功能簡單但容易操作、免安裝的在線SVG設計工具，例如Svg-edit。[22]

對於流動裝置，安卓系統則可以使用Vector Ink。[23]

參見[編輯]

參考文獻[編輯]

  1. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  2. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  3. ↑ 3.0 3.1 3.2 腳本錯誤：沒有「citation/CS1」這個模塊。
  4. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  5. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  6. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  7. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  8. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  9. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  10. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  11. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  12. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  13. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  14. ↑ 14.0 14.1 腳本錯誤：沒有「citation/CS1」這個模塊。
  15. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  16. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  17. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  18. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  19. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  20. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  21. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  22. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。
  23. ↑ 腳本錯誤：沒有「citation/CS1」這個模塊。

外部連結[編輯]

頁面Module:Side box/styles.css沒有內容。頁面Template:Sister project/styles.css沒有內容。

頁面Template:Plainlist/styles.css沒有內容。
File:Commons-logo.svg
維基共享資源上的相關多媒體資源：腳本錯誤：沒有「Commons link」這個模塊。

package.lua第80行Lua錯誤：module 'Module:Navbar/configuration' not found package.lua第80行Lua錯誤：module 'Module:Navbar/configuration' not found package.lua第80行Lua錯誤：module 'Module:Navbar/configuration' not found

package.lua第80行Lua錯誤：module 'Module:Authority control/config' not found腳本錯誤：沒有「Check for unknown parameters」這個模塊。

取自 "https://arolstar52-zhtest.hf.space/index.php?title=可縮放向量圖形&oldid=7849"