跳至內容

會當縮放向量圖形

出自Taiwan Tongues 台語維基
這是此頁批准,以及是最近的修訂。

會當縮放向量圖形(英語:Scalable Vector Graphics,縮寫:SVG)是一種因為會當延伸標記式的語言(XML), 用佇咧描述二維向量圖形的圖形格式。SVG 由 W 三 C制定,是一个開放標準。

SVG 概述

SVG 由一九九八年成立的 W 三 C SVG 工作群組啟動開發,隨著當年提交予 W 三 C 的六份標準提案開展。

SVG 容允三種圖形物件類型:向量圖形、點陣圖親像佮文字。圖形物件—— 包括講 PNG、JPEG 遮的點陣圖像—— 會使去予人編組、設計的、轉換佮整合進前的彩現物件內底。文字會當佇任何適應用佇應用程式的 XML 號名空間之內,對遐提懸SVG 圖形的搜揣能力佮無障礙性。SVG 提供的功能集涵蓋矣岫狀轉換、裁剪路草、Alpha 巷路、濾鏡效果、枋仔的物件閣有會當延伸。

SVG 嚴格遵從 XML 語法,而且用文字格式的描述性語言來講圖像內容,所以是一種佮圖像解析度無關係的向量圖形格式。

SVG 格式具有較下優點:

  • 圖檔通讀,通好修改佮編輯(理論上按呢,但實際上煞是因為各種無仝款的 SVG 檔編輯器而且可能儲存做無簡單解讀的 SVG 檔案)。
  • 佮這馬技術會當互動融合。比如講,SVG 技術本身伊的動態的部份(包括時序控制佮動畫)就是因為 SMIL 標準。另外咧,SVG 檔案閣會當漚入去 JavaScript(論真講,應該是 ECMAScript)指令碼來控制 SVG 東西。
  • SVG 圖形格式會當方便的建立文字索引,對而實現基於內容的圖像搜揣。
  • SVG 圖形格式支援多種濾鏡佮特殊效果,佇咧無改變圖像內容的提供會當實現點陣圖式中類似文字陰影的效果。
  • SVG 圖形格式會當用來動態生成圖形。比如講,可用 SVG 動態生成具有互動功能的地圖,1875入去網頁內底,閣顯示予終端使用者。

SVG 格式有以下缺點:* 欲按怎佮已經占有重要的市場份額的向量圖形格式 Adobe Animate(舊名 Adobe Flash)競爭的問題。事實上,Adobe Animate 佇咧 Flash CC 二千空一十四版佮以後的版本就攏支援直接匯出 SVG 檔案。

  • SVG 伊本地執行環境之下的廠家支援程度。
  • 因為原始的 SVG 檔是遵對 XML 語法,致使資料採用無壓縮的方式囥起來,所以比其他的向量圖形格式,仝款的檔 àn-nāi容會比其他的檔案閣較大。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 動畫

主條目:_ SVG 動畫 _

SVG 技術細節

SVG 主要支援以下幾種顯示物件:

一 . 向量顯示物件,基本向量顯示物件包括矩形、圓、雞卵行、多邊形、直線、任意曲線等二 . 1875入式外部圖像,包括講 PNG、JPEG、SVG 等三 . 文字東西

SVG 會當實現動態佮互相動功能。佇咧 DOM 模型的基礎頂面,SVG 開發設計人員會當利用 ECMAScript 抑是講 SMIL 來做的時序控制抑是物件的操縱。SVG 雖然是文字格式,猶毋過 SVG 支援利用 gzip 壓縮演算法減少檔案 sài-sù,壓縮了的檔案通常用予人叫做「SVGZ 檔案」。

標準制定開發歷史

SVG 由一九九八年成立的 W 三 C SVG 工作群組啟動開發,隨著當年提交予 W 三 C 的六份標準提案綴咧交易:

  • Web Schematics,來自 CCLRC
  • PGML,來自 Adobe Systems、IBM、網景佮昇陽電腦
  • VML,來自 Autodesk、惠普、Macromedia、小可仔軟軟Vision
  • Hyper Graphics Markup Language ( HGML ),來自 Orange UK 佮普利茅斯大學
  • WebCGM,來自波音、InterCAP GraphicsSystems、Inso Corporation、CCLRC 佮全錄
  • DrawML,來自 Excosoft AB

彼當陣的頭路群組是由 W 三 C 的 Chris Lilley 領銜。

  • 兩千空一冬九月初四,發布 SVG 一垺零。
  • 二空空三年一月四號,發布 SVG 一孵一。
  • 二空空三年一月十四號,推出 SVG 徙動子版本:SVG Tiny 和 SVG Basic。
  • 二空空八年十二月二二,發布 SVG Tiny 一孵二。
  • 二空一一年八月十六,發布 SVG 一孵一(二版), 成做 W 三 C 目前推薦的標準。
  • W 三 C 目前猶原當佇咧研究制定 SVG 二,目前上新的草稿發佈見此。

範例

  • * *

SVG 格式是 XML 的一種,意即 SVG 檔案其實只是普通的文字檔案,用一般的文字編輯器便可檢視抑是修改。==SVG 顯示==

外掛程式支援

目前,上捷用的 SVG 外掛程式來自 Adobe 公司(Adobe SVG Viewer), 另外咧 Corel 嘛提供 SVG 瀏覽器(CorelSVG Viewer)。 毋過進前的人宣佈佇咧二空空九年一月初一停止對該產品的支援。

原生支援

  • 較出名的 SVG 專案包括 Mozilla SVG Project,KDE的 KSVG,以及 Amaya 等。
  • Mozilla Firefox 自版本一石五發行了後,即開始支援 SVG 格式的顯示。
  • Opera 八堵零版開始支援顯示 Tiny 一孵一規格的SVG。
  • 是因為 Java 的 SVG 專案主要有 Batik SVG Toolkit 等。
  • Google Chrome 和 Safari 支援 SVG 顯示。
  • Microsoft 的 Internet Explorer 八堵空版佮閣較老的版本猶未支援 SVG,一直至由 Internet Explorer 九九零版開始支援 SVG。

===各種 SVG 直譯器支援程度較===W 三 C 的 SVG 網站頂懸有一个測試套件會當用來測試 SVG 直譯器對標準的支援。這个套件既然會當上線嘛會當下載去本地執行。截到二空空七年內底,對著時行的 SVG 軟體有若共試結果:

  • 著SVG 支援上好的瀏覽器是 Opera,伊支援大多數的 SVG 特性。
  • 作為專門的 SVG 瀏覽器,Batik SVG viewer 會當對大多數特性有良好支援,佮 Opera 不相伯仲。猶毋過伊袂當佮瀏覽器互動。
  • 載入去矣 Adobe SVG Viewer 的 Internet Explorer 嘛會當支援多數 SVG 特性,但是因為無瀏覽器的原生支援,佇互動方面真濟特性無支援。
  • Mozilla Firefox 二嬸空著 SVG 特性的支援相當弱,真濟重要特性如動畫等等攏袂當支援。

設計這家私

會使設計 SVG 圖樣的作品的軟體工具包括 Adobe Illustrator、Adobe Photoshop CC、Visio、Xmind 八以及 CorelDRAW 等。

開放原始碼的軟體有 Scribus、Karbon 十四、Inkscape 以及 Sodipodi 等。另外嘛有開放原始碼、功能簡單毋過簡單操作、免安裝的線頂 SVG 設計這家私,比如講 Svg-edit,該軟體這馬位置 Github 上。

對行動裝置,安卓系統是會當使用 PainterSVG。

參考文獻

外部連結

  • W 三 C SVG 官方標準網站(英文)
  • svgwiki(英文)
  • SVG Web(英文)
  • Opera 開發網站頂懸就關於 SVG 的展示佮教程(英文)
  • W 三 school 上關於 SVG 的教程

參見

  • Canvas ( HTML 元素 )