可縮放向量圖形- 維基百科，自由的百科全書

舊版的SVG Viewer無法正確顯示出使用新版SVG格式的向量圖形。

SVG Basic[編輯]. SVG Basic又稱SVGB，是英語「Scalable Vector Graphics, ... 可縮放向量圖形 維基百科，自由的百科全書 跳至導覽 跳至搜尋 此條目需要補充更多來源。

(2013年12月29日)請協助補充多方面可靠來源以改善這篇條目，無法查證的內容可能會因為異議提出而移除。

致使用者：請搜尋一下條目的標題（來源搜尋："可縮放向量圖形"—網頁、新聞、書籍、學術、圖像），以檢查網路上是否存在該主題的更多可靠來源（判定指引）。

注意：本頁面含有需要最新版本瀏覽器才能正確顯示的內容，詳見瀏覽器更新說明。

可縮放向量圖形副檔名.svg,.svgz網路媒體型式image/svg+xml[1][2]開發者全球資訊網協會初始版本2001年9月4日，​20年前​（2001-09-04）最新版本1.1（第二版）[3]2011年8月16日，​10年前​（2011-08-16）[3]格式類型向量圖形延伸自XML自由格式是網站w3.org/Graphics/SVG/ 這張圖片展示了點陣圖和向量圖的分別。

點陣圖是由點構成的，向量圖則是由一些形狀元素構成。

該圖中顯示放大點陣圖可以看到點，而放大向量圖看到的仍然是形狀。

SVG屬於向量圖，因此能夠無級縮放，而不會產生馬賽克。

可縮放向量圖形（英語：ScalableVectorGraphics，縮寫：SVG）是一種基於可延伸標記式語言（XML），用於描述二維向量圖形的圖形格式。

SVG由W3C制定，是一個開放標準。

目次 1SVG概述 1.1SVGBasic 1.2SVGTiny 1.3SVG動畫 2SVG技術細節 3標準制定開發歷史 4示例 5SVG顯示 5.1插件支持 5.2原生支持 5.3各種SVG解釋器支持程度比較 6設計工具 7參考文獻 8外部連結 9參見 SVG概述[編輯] SVG從1999年由一組加入W3C的公司啟動開發，與之前1998年提交給W3C的標準（PGML（英語：PrecisionGraphicsMarkupLanguage）、VML）構成競爭。

SVG從這兩個格式吸取了經驗。

[4] SVG允許3種圖形物件類型：向量圖形、點陣圖像以及文字。

圖形物件——包括PNG、JPEG這些點陣圖像——能夠被編組、設計、轉換及整合進先前的彩現物件中。

文字可以在任何適用於應用程式的XML命名空間之內，從而提高SVG圖形的搜尋能力和無障礙性。

SVG提供的功能集涵蓋了巢狀轉換、裁剪路徑（英語：Clippingpath）、Alpha通道、濾鏡效果、模板物件以及可延伸性。

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

SVG格式具有以下優點： 圖檔可讀，易於修改和編輯（理論上如此，但實際上卻是因為各種不同的SVG檔編輯器而可能儲存成不易解讀的SVG檔案）。

與現有技術可以互動融合。

例如，SVG技術本身的動態部分（包括時序控制和動畫）就是基於SMIL標準。

另外，SVG檔案還可嵌入JavaScript（嚴格地說，應該是ECMAScript）指令碼來控制SVG物件。

SVG圖形格式可以方便的建立文字索引，從而實現基於內容的圖像搜尋。

SVG圖形格式支援多種濾鏡和特殊效果，在不改變圖像內容的前提下可以實現點陣圖格式中類似文字陰影的效果。

[5] SVG圖形格式可以用來動態生成圖形。

例如，可用SVG動態生成具有互動功能的地圖，嵌入網頁中，並顯示給終端使用者。

[6] SVG格式具有以下缺點： 如何和已經占有重要市場份額的向量圖形格式AdobeAnimate（舊稱AdobeFlash）競爭的問題。

事實上，AdobeAnimate在FlashCC2014版及以後的版本就都支援直接匯出SVG檔案了。

[7] SVG的本地執行環境下的廠家支援程度。

由於原始的SVG檔是遵從XML語法，導致資料採用未壓縮的方式存放，因此相較於其他的向量圖形格式，同樣的檔案內容會比其他的檔案格式稍大。

Adobe因此使用gzip壓縮開發出壓縮的SVG檔格式，附檔名為.svgz，但此種檔案格式除了Adobe旗下的軟體以外，未被廣泛支援使用。

舊版的SVGViewer無法正確顯示出使用新版SVG格式的向量圖形。

SVGBasic[編輯] SVGBasic又稱SVGB，是英語「ScalableVectorGraphics,BasicProfile」的簡寫，可以翻譯為「可縮放的向量圖形標準的基本版」。

它是SVG的一個子集，而主要目標是為掌上電腦等高階行動裝置提供向量圖形顯示格式。

SVGTiny[編輯] SVGTiny又稱SVGT，是英語「ScalableVectorGraphics,TinyProfile」的簡寫，可以翻譯為「可縮放的向量圖形標準的微型簡化版本」。

它也是SVG的一個子集，而主要目標是為手機等低階行動裝置提供向量圖形顯示格式。

SVG動畫[編輯] 主條目：SVG動畫（英語：SVGanimation） SVG技術細節[編輯] SVG主要支援以下幾種顯示物件： 向量顯示物件，基本向量顯示物件包括矩形、圓、橢圓、多邊形、直線、任意曲線等 嵌入式外部圖像，包括PNG、JPEG、SVG等 文字物件 SVG可以實現動態和互動功能。

在DOM模型的基礎上，SVG開發設計人員可以利用ECMAScript或者SMIL來進行時序控制或物件的操縱。

SVG雖然是文字格式，但是SVG支援利用gzip壓縮演算法減少檔案尺寸，壓縮後的檔案通常用被稱為「SVGZ檔案」。

標準制定開發歷史[編輯] 2001年9月4日，發布SVG1.0。

2003年1月4日，發布SVG1.1。

2003年1月14日，推出SVG移動子版本：SVGTiny和SVGBasic。

2008年12月22日，發布SVGTiny1.2。

[8] 2011年8月16日，發布SVG1.1（第2版），成為W3C目前推薦的標準。

[3] W3C目前仍正在研究制定SVG2，目前最新的草稿發布見此（頁面存檔備份，存於網際網路檔案館）。

[9] 範例[編輯] 範例SVG顯示 簡單SVG圖片，樣如少女。

較為複雜但精細的SVG圖片 SVG格式是XML的一種，SVG檔案其實只是普通的文字檔案，用一般的文字編輯器便可檢視或修改。

-//W3C//DTDSVG1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> SVG顯示[編輯] 外掛程式支援[編輯] 目前，最常用的SVG外掛程式來自Adobe公司（AdobeSVGViewer（頁面存檔備份，存於網際網路檔案館）），另外Corel也提供SVG瀏覽器（CorelSVGViewer）。

然而前者宣布於2009年1月1日停止對該產品的支援。

原生支援[編輯] 比較著名的SVG專案包括MozillaSVGProject（頁面存檔備份，存於網際網路檔案館），KDE的KSVG，以及Amaya等。

MozillaFirefox自版本1.5發行後，即開始支援SVG格式的顯示（頁面存檔備份，存於網際網路檔案館）。

Opera8.0版開始支援顯示Tiny1.1規格的SVG。

基於Java的SVG專案主要有BatikSVGToolkit等。

GoogleChrome和Safari支援SVG顯示。

Microsoft的InternetExplorer8.0版及其更老的版本尚未支援SVG，直至由InternetExplorer9.0版開始支援SVG。

[10] 各種SVG直譯器支援程度比較[編輯] W3C的SVG網站上有一個測試套件可以用來測試SVG直譯器對於標準的支援。

這個套件既可以線上執行也可以下載到本地執行。

截至2007年中，對於流行的SVG軟體有如下測試結果： 對SVG支援最好的瀏覽器是Opera，它支援大多數的SVG特性。

作為專門的SVG瀏覽器，BatikSVGviewer能對大多數特性有良好支援，與Opera不相伯仲。

但它不能和瀏覽器互動。

載入了AdobeSVGViewer的InternetExplorer也能支援多數SVG特性，但是由於沒有瀏覽器的原生支援，在互動方面許多特性不支援。

MozillaFirefox2.0對SVG特性的支援相當弱，許多重要特性如動畫等都不能支援。

設計工具[編輯] 能夠設計SVG圖形作品的軟體工具包括AdobeIllustrator、AdobePhotoshopCC、Visio、Xmind8以及CorelDRAW等。

而開放原始碼的軟體有Scribus、Karbon14、Inkscape以及Sodipodi等。

另外也有開放原始碼、功能簡單但容易操作、免安裝的線上SVG設計工具，例如[1]（頁面存檔備份，存於網際網路檔案館）,該軟體現在位於svgedit（頁面存檔備份，存於網際網路檔案館） 在行動裝置上的軟體有安卓的PainterSVG，該軟體位於PainterSVG（頁面存檔備份，存於網際網路檔案館） 參考文獻[編輯] ^MMediaTyperegistrationforimage/svg+xml.WorldWideWebConsortium.22December2008[29August2010].（原始內容存檔於2016-03-14）.  ^XMLMediaTypes,RFC3023.InternetEngineeringTaskForce:24.January2001[29August2010].（原始內容存檔於2011-08-22）.  ^3.03.13.2ScalableVectorGraphics(SVG)1.1(SecondEdition).W3C.org.2011-08-16[2017-12-20].（原始內容存檔於2019-03-29）（英語）.  ^SecretOriginofSVG.WorldWideWebConsortium.21December2007[1January2011].（原始內容存檔於2020-12-24）.  ^-SVG.MDNWebDoc.2016-12-21[2017-12-20].（原始內容存檔於2021-02-09）（英語）.  ^-SVG.MDNWebDoc.2017-06-15[2017-12-20].（原始內容存檔於2021-01-08）（英語）.  ^Newfeaturessummary-2014.Adobe.[2017-12-20].（原始內容存檔於2021-01-08）（英語）.  ^ScalableVectorGraphics(SVG)Tiny1.2Specification,W3CRecommendation22December2008.[2014-05-29].（原始內容存檔於2020-12-07）.  ^ScalableVectorGraphics(SVG)2,W3CEditor'sDraft.[2013-11-24].（原始內容存檔於2021-02-10）.  ^微軟將加入W3CSVG工作小組　IE9可望支援即時新聞iThomeonline.[2010-11-21].（原始內容存檔於2010-01-11）.  外部連結[編輯] 維基共享資源中相關的多媒體資源：可縮放向量圖形 W3CSVG官方標準網站（頁面存檔備份，存於網際網路檔案館）（英文） svgwiki（英文） SVGWeb（頁面存檔備份，存於網際網路檔案館）（英文） Opera開發網站上關於SVG的展示及教程（英文） W3school上關於SVG的教程（頁面存檔備份，存於網際網路檔案館） 參見[編輯] Canvas(HTML元素) 閱論編程式語言按範式程序式 FORTRAN FORTRAN77 Fortran90 COBOL ALGOL60 BASIC GW-BASIC QBasic PL/I ALGOL68 Forth Pascal TurboPascal C C89 C99 Modula-2 Ada occam Oberon Go 物件導向 Simula Smalltalk CLU C++ C++98 C++11 Objective-C Eiffel Self CLOS ObjectPascal VisualBasic Oberon-2（英語：Oberon-2） Ada95 Java C# Fortran2003 多範式 Modula-3 Dylan Python Lua JavaScript Ruby Rebol D Factor Scala F# Haxe Nim Rust Dart Julia F* Swift 函數式 LISP Scheme CommonLisp Racket Clojure Logo APL/J ML StandardML OCaml Miranda Erlang Elixir Haskell SAC 邏輯式 Prolog AnsProlog Datalog Mercury Curry 手稿語言ECMA-262 ECMAScript JavaScript JScript Node.js CoffeeScript TypeScript Elm PureScript Reason 動態語言 SNOBOL Icon REXX Perl Raku Tcl/Tk newLISP Python Lua Ruby PHP Hack VBScript JSP Io Shell語言 sh ash bash ksh zsh csh tcsh sed AWK PowerShell 特定平台.NET C# VisualC# C++/CLI F# PowerShell IronPython IronScheme（英語：IronScheme） VB.NET SmallBasic JVM Java AspectJ（英語：AspectJ） Scala Clojure JRuby Jython Kawa（英語：Kawa(Schemeimplementation)） Groovy Kotlin Xcode Swift Objective-C AppleScript 特定領域科學計算 Speakeasy（英語：Speakeasy(computationalenvironment)） IDL GDL Maxima Maple MATLAB Octave Scilab Wolfram R SageMath Julia GPU計算 GLSL HLSL OpenCL CUDA Futhark 資料查詢 SQL PL/SQL T-SQL SQL/PSM（英語：SQL/PSM） xBase（英語：xBase） LINQ XQuery（英語：XQuery） XPath rasql（英語：rasdaman#RasterQueryLanguage） 視覺化 Squeak Scratch Snap! LabVIEW Simulink AppInventor 音視設計 Processing SuperCollider PureData ChucK 其它 組合語言 MUMPS（英語：MUMPS） PostScript WebAssembly 目錄 列表 歷史 比較（英語：Comparisonofprogramminglanguages） 時間線（英語：Timelineofprogramminglanguages） 閱論編全球資訊網協會（W3C）產品及標準推薦 ARIA（英語：WAI-ARIA） CanonicalXML CDF（英語：CompoundDocumentFormat） CSS DOM 地理位置API（英語：W3CGeolocationAPI） HTML（HTML5） ITS（英語：InternationalizationTagSet） MathML OWL P3P PLS（英語：PronunciationLexiconSpecification） RDF RDFSchema（英語：RDFSchema） SISR（英語：SemanticInterpretationforSpeechRecognition） SKOS SMIL SOAP SRGS（英語：SpeechRecognitionGrammarSpecification） SSML SVG SPARQL TimedText（英語：TimedText） VoiceXML 網頁儲存 WSDL XForms XHTML XHTML+RDFa（英語：XHTML+RDFa） XInclude（英語：XInclude） XLink XML XMLBase XMLEncryption XMLEvents（英語：XMLEvents） XML資訊集 XML命名空間 XMLSchema XMLSignature XOP（英語：XML-binaryOptimizedPackaging） XPath XPath2.0（英語：XPath2.0） XPointer（英語：XPointer） XProc（英語：XProc） XQuery（英語：XQuery） XSL XSL-FO XSLT（元素（英語：XSLTelements）） 記錄 XAdES（英語：XAdES） XHTML+SMIL（英語：XHTML+SMIL） XUP 工作草案 CCXML（英語：CallControleXtensibleMarkupLanguage） CURIE（英語：CURIE） EME InkML JSON-LD MSE RIF SCXML（英語：SCXML） SMIL時間表（英語：SMILTimesheets） sXBL（英語：sXBL） WICD（英語：WebIntegrationCompoundDocument） XFDL（英語：ExtensibleFormsDescriptionLanguage） XFrames（英語：XFrames） XBL XMLHttpRequest 檢測 無障礙網頁檢測 倡議 多通道互動活動（MMI）（英語：W3CMMI） 驗証服務 無障礙網頁倡議（英語：WebAccessibilityInitiative） 網路平台（英語：WebPlatform） 棄用 C-HTML HDML（英語：HandheldDeviceMarkupLanguage） JSSS（英語：JavaScriptStyleSheets） PGML（英語：PrecisionGraphicsMarkupLanguage） VML XHTML+MathML+SVG（英語：XHTML+MathML+SVG） 機構 全球資訊網基金會（英語：WorldWideWebFoundation） 工作小組 SVG（英語：SVGWorkingGroup） CSS（英語：CSSWorkingGroup） HTML（英語：HTMLWorkingGroup） WebOnt（語義網活動）（英語：WebOnt） 裝置描述（DDWG）（英語：W3CDeviceDescriptionWorkingGroup） 網頁超文字技術工作小組（WHATWG） 軟體 CERNhttpd Libwww 瀏覽器 LineMode（1990年－） Arena（1993年－1998年） Agora（1994年－1997年）（英語：Agora(webbrowser)） Argo（1994年－1997年）（英語：Argo(webbrowser)） Amaya（瀏覽器及編輯器，1996年－2012年） 會議 國際全球資訊網大會（WWW大會）（英語：InternationalWorldWideWebConference） 督導委員會（IW3C2）（英語：InternationalWorldWideWebConferencesSteeringCommittee） 第一屆（WWW1，1994年）（英語：FirstInternationalConferenceontheWorld-WideWeb） 閱論編網頁瀏覽器 比較 列表 時間線 使用率 分類 特點 廣告攔截 增強瀏覽（英語：Augmentedbrowsing） 書籤 小書籤 即時書籤（英語：FeaturesofFirefox#Livebookmarks） 智慧型書籤（英語：SmartBookmarks） 瀏覽器擴充功能 瀏覽器安全（英語：Browsersecurity） 瀏覽器同步器（英語：Browsersynchronizer） 比較（英語：Comparisonofbrowsersynchronizers） Cookie 下載管理器 Favicon 增量尋找（英語：Incrementalsearch） 外掛程式 無痕瀏覽 分頁 通用編輯按鈕（英語：UniversalEditButton） 網頁標準 Acid測試 HTML HTML5 CSS SVG XHTML WebGL JavaScript 數學標示語言 協定 超文字傳輸協定 超文字傳輸安全協定 線上憑證狀態協定 SPDY 傳輸層安全性協定 WebSocket 網路代理自動發現協定 相關主題 BrowserChoice.eu 憑證吊銷列表 iLoo（英語：iLoo） 網路套件 瀏覽器中間人攻擊（英語：Man-in-the-browser） 行動端網頁（英語：MobileWeb） 離線瀏覽 代理自動組態 Pwn2Own 多樣化網際網路應用程式 指定網站瀏覽器（英語：Site-specificbrowser） 控制項 全球資訊網 XML  電腦平台Blink排版引擎 Chromium GoogleChrome 科摩多龍安全瀏覽器 AvastSecureBrowser（英語：AvastSecureBrowser） SuperBird SRWareIron CatalinaCitrio CocCocCorom NaverWhale MicrosoftEdge Brave Vivaldi Opera（15～） YandexBrowser Torch Coowon Orbitum PlayFree Beamrise BlackHawk uCozUran OrtigraTitanium HiddenReflexEpicPrivacy BaiduSpark 紅芯瀏覽器 七星瀏覽器 JutaoCaimao RamblerNichrome Ishenyou265gChrome WebKit排版引擎 Safari Konqueror Epiphany（2.28～） ICab（4.0～） OmniWeb（4.0～） ABrowse Uzbl Falkon Dooble Midori Rekonq SkyKruzer Arora Flock Shiira Gecko排版引擎 Firefox Cyberfox Waterfox IceWeasel GNUIceCat ComodoIceDragon Galeon K-Meleon SwiftWeasel XBBrowser SeaMonkey PaleMoon（26～） Netscape Camino BeonexCommunicator Trident排版引擎 InternetExplorer GreenBrowser SlimBrowser 2345王牌瀏覽器 MyIE KKman PCManCombo MSNExplorer WebbIE MenuBox CrazyBrowser DeepnetExplorer GOSURF iRider mxie NeoPlanet AOLExplorer DeepnetExplorer NeoPlanet NetCaptor MediaBrowser SpaceTime UltraBrowser 混合排版引擎 Sleipnir Lunascape 獵豹瀏覽器 淘寶瀏覽器 愛帆瀏覽器 楓樹瀏覽器 太陽花瀏覽器 世界之窗瀏覽器 360極速瀏覽器 搜狗瀏覽器（2.0～） 傲遊瀏覽器（3.0～） QQ瀏覽器（5.0～） 其他排版引擎 NetSurf abaco Amaya KidZui Charon Dillo Gazelle IBMWatsonExplorer Arachne（英語：Arachne(webbrowser)） Arena IBMHomePageReader IBrowse Mosaic Mothra（英語：Mothra(webbrowser)） NetPositive 純文字排版引擎 ELinks Links Lynx W3m Emacs/W3 LineModeBrowser Net-Tamer  行動平台Blink排版引擎 Chromium GoogleChrome AvastSecureBrowser（英語：AvastSecureBrowser） 三星瀏覽器 AmazonSilk（英語：AmazonSilk） NaverWhale MicrosoftEdge Brave Vivaldi Opera YandexBrowser Android瀏覽器 WebKit排版引擎 Safari Konqueror 海豚瀏覽器 S60webbrowser Steel BOLT FirefoxforiOS NaverWhaleforiOS Via瀏覽器 Gecko排版引擎 Firefox Waterfox MicroB Minimo Trident排版引擎 UC瀏覽器 傲遊雲瀏覽器 InternetExplorerMobile 其他 Blazer ibisBrowser NetFront ObigoBrowser Skweezer Skyfire Teashark ThunderHawk uZardWeb Vision WinWAP Smooz（日語：Smooz） Galio Deepfish Iris瀏覽器  電視機和電子遊樂器Gecko排版引擎 Kylo Presto排版引擎 InternetChannel Opera裝置瀏覽器 Nintendo3DSInternetBrowser WebKit排版引擎 GoogleTV NetFront Steam 其他 MSNTV Galio 刪除線格式為停止開發的項目 規範控制 BNF:cb14487634q(data) GND:4658480-8 LCCN:sh2002004644 取自「https://zh.wikipedia.org/w/index.php?title=可縮放向量圖形&oldid=67231275」 分類：圖形文件格式矢量圖形置標語言基於XML的標準W3C標準頁面描述語言隱藏分類：CS1英語來源(en)自2013年12月需補充來源的條目拒絕當選首頁新條目推薦欄目的條目對瀏覽器有要求的頁面使用過時圖像語法的頁面含有英語的條目包含BNF標識符的維基百科條目包含GND標識符的維基百科條目包含LCCN標識符的維基百科條目 導覽選單 個人工具 沒有登入討論貢獻建立帳號登入 命名空間 條目討論 臺灣正體 已展開 已摺疊 不转换简体繁體大陆简体香港繁體澳門繁體大马简体新加坡简体臺灣正體 查看 閱讀編輯檢視歷史 更多 已展開 已摺疊 搜尋 導航 首頁分類索引特色內容新聞動態近期變更隨機條目資助維基百科 說明 說明維基社群方針與指引互助客棧知識問答字詞轉換IRC即時聊天聯絡我們關於維基百科 工具 連結至此的頁面相關變更上傳檔案特殊頁面靜態連結頁面資訊引用此頁面維基數據項目 列印/匯出 下載為PDF可列印版 其他專案 維基共享資源 其他語言 AlemannischالعربيةAzərbaycancaŽemaitėškaБеларускаяБългарскиবাংলাBosanskiCatalàČeštinaCymraegDanskDeutschEnglishEsperantoEspañolEestiEuskaraفارسیSuomiFrançaisGaeilgeGalegoעבריתहिन्दीHrvatskiMagyarՀայերենBahasaIndonesiaÍslenskaItaliano日本語ქართული한국어RipoarischLietuviųLatviešuМакедонскиമലയാളംBahasaMelayuDorerinNaoeroNederlandsNorskbokmålPolskiPortuguêsRomânăРусскийScotsSimpleEnglishSlovenčinaSlovenščinaСрпски/srpskiSvenskaதமிழ்ไทยTürkçeУкраїнськаاردوTiếngViệt吴语文言Bân-lâm-gú粵語 編輯連結