可か縮ちぢみ放ひ向こう量りょう圖形ずけい

**可か缩放矢や量りょう图形**
扩展名めい	.svg, .svgz
互联网媒体ばいたい类型	image/svg+xml
开发者しゃ	万まん维网联盟
首くび次じ发布	2001年ねん9月がつ4日にち，22年ねん前まえ
最新さいしん版本はんぽん	1.1（第だい二に版はん）; 2011年ねん8月がつ16日にち，12年ねん前まえ
格式かくしき类型	矢や量りょう图形
扩展自じ	XML
免めん费格式しき？	是これ
网站	w3.org/Graphics/SVG/

可か缩放矢や量りょう图形（英語えいご：Scalable Vector Graphics，縮寫しゅくしゃ：SVG）是ぜ一いち种基于可か扩展标记语言（XML），用よう于描述じゅつ二に维矢や量りょう图形的てき图形格式かくしき。SVG由ゆかりW3C制定せいてい，是ぜ一いち个开放标准。

SVG概がい述じゅつ[编辑]

SVG由よし1998年ねん成立せいりつ的てきW3C SVG工作こうさく组启动开发，随ずい着ぎ当年とうねん提ひさげ交给W3C的てき六份标准提案而开展。

SVG允まこと许3种图形がた物件ぶっけん类型：矢や量りょう图形、栅格图像以及文ぶん本ほん。图形物件ぶっけん——包括ほうかつPNG、JPEG这些栅格图像——能のう够被编组、设计、转换及整合せいごう进先前まえ的てき渲染物件ぶっけん中ちゅう。文ぶん本ほん可か以在任ざいにん何なん适用于应用よう程ほど序じょ的てきXML命名めいめい空そら间之これ内ない，从而提ひさげ高だかSVG图形的てき搜索そうさく能力のうりょく和わ无障碍しょうがい性せい。SVG提供ていきょう的てき功こう能のう集しゅう涵盖了りょう嵌はま套转换、裁たっ剪路径みち（英えい语：Clipping path）、Alpha通どおり道どう、滤镜效果こうか、模も板ばん对象以及可か扩展性せい。

SVG严格遵从XML语法，并用文ぶん本格ほんかく式しき的てき描述性せい语言来らい描述图像内容ないよう，因いん此是一いち种和图像分ぶん辨べん率りつ无关的てき矢や量りょう图形格式かくしき。

SVG格式かくしき具有ぐゆう以下いか优点：

图像文ぶん件けん可か读，易えき于修改あらため和わ编辑（理論りろん上じょう如此，但ただし實際じっさい上じょう卻是因いん為ため各種かくしゅ不同ふどう的てきSVG檔編輯へんしゅう器き而可能かのう儲もうか存そん成なり不易ふえき解讀かいどく的てきSVG檔案）。
与あずか现有技わざ术可以互动融合ゆうごう。例れい如，SVG技わざ术本身ほんみ的てき动态部分ぶぶん（包括ほうかつ时序控ひかえ制せい和わ动画）就是基もと于SMIL标准。另外，SVG文ぶん件けん还可嵌入かんにゅうJavaScript（严格地ち说，应该是ぜECMAScript）脚あし本来ほんらい控ひかえ制せいSVG对象。
SVG图形格式かくしき可か以方便びん的てき建立こんりゅう文字もじ索引さくいん，从而实现基もと于内容ないよう的てき图像搜索そうさく。
SVG图形格式かくしき支持しじ多た种滤镜和わ特殊とくしゅ效果こうか，在ざい不ふ改あらため变图像ぞう内容ないよう的てき前提ぜんてい下か可か以实现位くらい图格式かくしき中ちゅう类似文字もじ阴影的てき效果こうか。^[4]
SVG图形格式かくしき可か以用来らい动态生成せいせい图形。例れい如，可用かようSVG动态生成せいせい具有ぐゆう交互こうご功こう能のう的てき地ち图，嵌入かんにゅう网页中ちゅう，并显示しめせ给终端はし用よう户。^[5]

SVG格式かくしき具有ぐゆう以下いか缺点けってん：

如何いか和わ已やめ经占有せんゆう重要じゅうよう市し场份额的矢や量りょう图形格式かくしきAdobe Animate（舊稱きゅうしょうAdobe Flash）竞争的てき问题。事こと实上，Adobe Animate在ざいFlash CC 2014版はん及以后きさき的てき版本はんぽん就都支持しじ直接ちょくせつ导出SVG文ぶん件けん。^[6]
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动画[编辑]

主しゅ條目じょうもく：SVG動畫どうが（英えい语：SVG animation）

SVG技わざ术细节[编辑]

SVG主要しゅよう支持しじ以下いか几种显示对象：

矢や量りょう显示对象，基本きほん矢や量りょう显示对象包括ほうかつ矩形くけい、圆、椭圆、多た边形、直ちょく线、任意にんい曲きょく线等
嵌入かんにゅう式しき外部がいぶ图像，包括ほうかつPNG、JPEG、SVG等とう
文字もじ对象

SVG可か以实现动态和交互こうご功こう能のう。在ざいDOM模型もけい的てき基もと础上，SVG开发设计人じん员可以利用りようECMAScript或ある者ものSMIL来らい进行时序控ひかえ制せい或ある对象的てき操みさお纵。SVG虽然是ぜ文ぶん本格ほんかく式しき，但ただし是ぜSVG支持しじ利用りようgzip压缩算法さんぽう减少文ぶん件けん尺寸しゃくすん，压缩后きさき的てき文ぶん件けん通どおり常用じょうよう被ひ称しょう为「SVGZ文ぶん件けん」。

标准制定せいてい开发历史[编辑]

SVG由よし1998年ねん成立せいりつ的てきW3C SVG工作こうさく组启动开发，随ずい着ぎ当年とうねん提ひさげ交给W3C的てき六份标准提案应运而生：

Web Schematics，来き自じCCLRC^[7]
PGML，来き自じAdobe Systems、IBM、网景和わ升ます阳电脑^[8]
VML，来き自じAutodesk、惠めぐみ普ひろし、Macromedia、微ほろ软和わVision^[9]
Hyper Graphics Markup Language (HGML)，来き自じOrange UK和わ普ひろし利とぎ茅ちがや斯大学がく^[10]
WebCGM，来き自じ波なみ音おん、InterCAP Graphics Systems、Inso Corporation、CCLRC和わ施ほどこせ乐^[11]
DrawML，来き自じExcosoft AB^[12]

当とう时工作こうさく组是由よしW3C的てきChris Lilley领衔。

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。^[13]
2011年ねん8月がつ16日にち，發布はっぷSVG 1.1（第だい2版はん），成なり为W3C目前もくぜん推荐的てき标准。^[3]
W3C目前もくぜん仍正在ざい研究けんきゅう制定せいていSVG 2，目前もくぜん最新さいしん的てき草稿そうこう發布はっぷ见此（页面存そん档备份，存そん于互联网档案あん馆）。^[14]

示しめせ例れい[编辑]

示しめせ例れいSVG顯示けんじ
简单SVG图片，样如少女しょうじょ。
较为复杂但ただし精せい细的SVG图片

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插件来き自じAdobe公司こうし（Adobe SVG Viewer （页面存そん档备份，存そん于互联网档案あん馆）），另外Corel也提供ていきょうSVG浏览器き（Corel SVG Viewer）。然しか而前者しゃ宣布せんぷ于2009年ねん1月がつ1日にち停止ていし对该产品的てき支持しじ。

原生げんせい支持しじ[编辑]

比ひ较著名めい的てきSVG项目包括ほうかつMozilla SVG Project （页面存そん档备份，存そん于互联网档案あん馆），KDE的てきKSVG，以及Amaya等ひとし。
Mozilla Firefox自じ版本はんぽん1.5发行后きさき，即そく开始支援しえんSVG格式かくしき的てき显示（页面存そん档备份，存そん于互联网档案あん馆）。
Opera 8.0 版はん開始かいし支援しえん顯示けんじTiny 1.1规格的てきSVG。
基もと于Java的てきSVG项目主要しゅよう有ゆうBatik SVG Toolkit等ひとし。
Google Chrome和わSafari支持しじSVG显示。
Microsoft的てきInternet Explorer 8.0版はん及其更さら老ろう的てき版本はんぽん尚ひさし未み支援しえんSVG，直ちょく至いたり由ゆかりInternet Explorer 9.0版はん開始かいし支援しえんSVG。^[15]

各かく种SVG解かい释器支持しじ程度ていど比ひ较[编辑]

W3C的てきSVG网站上じょう有ゆう一いち个测试套件可か以用来らい测试SVG解かい释器对于标准的てき支持しじ。这个套件既すんで可か以在线运行ぎょう也可以下いか载到本地ほんじ运行。截至2007年ねん中ちゅう，对于流行りゅうこう的てきSVG软件有ゆう如下测试结果：

对SVG支持しじ最さい好このみ的てき浏览器き是ぜOpera，它支持しじ大だい多数たすう的てきSVG特性とくせい。
作さく为专门的SVG浏览器き，Batik SVG viewer能のう对大多数たすう特性とくせい有良ありら好こう支持しじ，与あずかOpera不ふ相あい伯仲はくちゅう。但ただし它不能ふのう和わ浏览器き互动。
加か载了Adobe SVG Viewer的てきInternet Explorer也能支持しじ多数たすうSVG特性とくせい，但ただし是ぜ由よし于没有ゆう浏览器き的てき原生げんせい支持しじ，在ざい交互こうご方面ほうめん许多特性とくせい不ふ支持しじ。
Mozilla Firefox 2.0对SVG特性とくせい的てき支持しじ相当そうとう弱じゃく，许多重要じゅうよう特性とくせい如动画が等とう都と不能ふのう支持しじ。

设计工具こうぐ[编辑]

能のう够设计SVG图形作品さくひん的てき软件工具こうぐ包括ほうかつAdobe Illustrator、Adobe Photoshop CC、Visio、Xmind8以及CorelDRAW等ひとし。

而開放かいほう源げん代だい碼的てき軟件有ゆうScribus、Karbon14、Inkscape以及Sodipodi等ひとし。

另外也有やゆう开放源げん码、功こう能のう简单但ただし容易ようい操作そうさ、免めん安あん装そう的てき在ざい线SVG设计工具こうぐ，例れい如Svg-edit （页面存そん档备份，存そん于互联网档案あん馆），该软件けん现在位ざいい于Github （页面存そん档备份，存そん于互联网档案あん馆）上じょう。

对于移うつり动设备，安あん卓たく系けい统则可か以使用しよう PainterSVG （页面存そん档备份，存そん于互联网档案あん馆）。

参考さんこう文献ぶんけん[编辑]

^ M Media Type registration for image/svg+xml. World Wide Web Consortium. 22 December 2008 [29 August 2010]. （原始げんし内容ないよう存そん档于2016-03-14）.
^ XML Media Types, RFC 3023. Internet Engineering Task Force: 24. January 2001 [29 August 2010]. （原始げんし内容ないよう存そん档于2011-08-22）.
^ ^3.0 ^3.1 ^3.2 Scalable Vector Graphics (SVG) 1.1 (Second Edition). W3C.org. 2011-08-16 [2017-12-20]. （原始げんし内容ないよう存そん档于2019-03-29）（英えい语）.
^ <filter>-SVG. MDN Web Doc. 2016-12-21 [2017-12-20]. （原始げんし内容ないよう存そん档于2021-02-09）（英えい语）.
^ <a>-SVG. MDN Web Doc. 2017-06-15 [2017-12-20]. （原始げんし内容ないよう存そん档于2021-01-08）（英えい语）.
^ New features summary - 2014. Adobe. [2017-12-20]. （原始げんし内容ないよう存そん档于2021-01-08）（英えい语）.
^ Schematic Graphics. www.w3.org. [2022-07-29]. （原始げんし内容ないよう存そん档于2022-01-31）.
^ Al-Shamma, Nabeel; Robert Ayers; Richard Cohn; Jon Ferraiolo; Martin Newell; Roger K. de Bry; Kevin McCluskey; Jerry Evans. Precision Graphics Markup Language (PGML). W3C. 1998-04-10 [2009-05-08]. （原始げんし内容ないよう存そん档于2021-12-16）.
^ Mathews, Brian; Brian Dister; John Bowler; Howard Cooper stein; Ajay Jindal; Tuan Nguyen; Peter Wu; Troy Sandal. Vector Markup Language (VML). W3C. 1998-05-13 [2009-05-08]. （原始げんし内容ないよう存そん档于2021-11-06）.
^ Hyper Graphics Markup Language (HGML). www.w3.org. [2022-07-29]. （原始げんし内容ないよう存そん档于2022-04-07）.
^ WebCGM Profile. xml.coverpages.org. [2022-07-29]. （原始げんし内容ないよう存そん档于2022-08-14）.
^ Secret Origin of SVG. World Wide Web Consortium. 21 December 2007 [1 January 2011]. （原始げんし内容ないよう存そん档于2020-12-24）.
^ Scalable Vector Graphics (SVG) Tiny 1.2 Specification, W3C Recommendation 22 December 2008. [2014-05-29]. （原始げんし内容ないよう存そん档于2020-12-07）.
^ Scalable Vector Graphics (SVG) 2, W3C Editor's Draft. [2013-11-24]. （原始げんし内容ないよう存そん档于2021-02-10）.
^ 微ほろ軟將加入かにゅうW3C SVG工作こうさく小しょう組ぐみ　IE 9可か望もち支援しえん即時そくじ新聞しんぶん iThome online. [2010-11-21]. （原始げんし内容ないよう存そん档于2010-01-11）.

外部がいぶ链接[编辑]

W3C SVG 官かん方かた标准网站（页面存そん档备份，存そん于互联网档案あん馆）（英文えいぶん）
svgwiki（英文えいぶん）
SVG Web（页面存そん档备份，存そん于互联网档案あん馆）（英文えいぶん）
Opera開發かいはつ網もう站上關せき于SVG的てき展示てんじ及教程ほど（英文えいぶん）
W3school上じょう关于SVG的てき教程きょうてい（页面存そん档备份，存そん于互联网档案あん馆）

參まいり見み[编辑]

Canvas (HTML元素げんそ)

[1] M Media Type registration for image/svg+xml. World Wide Web Consortium. 22 December 2008 [29 August 2010]. （原始げんし内容ないよう存そん档于2016-03-14）.

[2] XML Media Types, RFC 3023. Internet Engineering Task Force: 24. January 2001 [29 August 2010]. （原始げんし内容ないよう存そん档于2011-08-22）.

[SVG1.1SE-3] 3.0 ^3.1 ^3.2 Scalable Vector Graphics (SVG) 1.1 (Second Edition). W3C.org. 2011-08-16 [2017-12-20]. （原始げんし内容ないよう存そん档于2019-03-29）（英えい语）.

[4] <filter>-SVG. MDN Web Doc. 2016-12-21 [2017-12-20]. （原始げんし内容ないよう存そん档于2021-02-09）（英えい语）.

[5] <a>-SVG. MDN Web Doc. 2017-06-15 [2017-12-20]. （原始げんし内容ないよう存そん档于2021-01-08）（英えい语）.

[6] New features summary - 2014. Adobe. [2017-12-20]. （原始げんし内容ないよう存そん档于2021-01-08）（英えい语）.

[7] Schematic Graphics. www.w3.org. [2022-07-29]. （原始げんし内容ないよう存そん档于2022-01-31）.

[8] Al-Shamma, Nabeel; Robert Ayers; Richard Cohn; Jon Ferraiolo; Martin Newell; Roger K. de Bry; Kevin McCluskey; Jerry Evans. Precision Graphics Markup Language (PGML). W3C. 1998-04-10 [2009-05-08]. （原始げんし内容ないよう存そん档于2021-12-16）.

[9] Mathews, Brian; Brian Dister; John Bowler; Howard Cooper stein; Ajay Jindal; Tuan Nguyen; Peter Wu; Troy Sandal. Vector Markup Language (VML). W3C. 1998-05-13 [2009-05-08]. （原始げんし内容ないよう存そん档于2021-11-06）.

[10] Hyper Graphics Markup Language (HGML). www.w3.org. [2022-07-29]. （原始げんし内容ないよう存そん档于2022-04-07）.

[11] WebCGM Profile. xml.coverpages.org. [2022-07-29]. （原始げんし内容ないよう存そん档于2022-08-14）.

[secretOrigin-12] Secret Origin of SVG. World Wide Web Consortium. 21 December 2007 [1 January 2011]. （原始げんし内容ないよう存そん档于2020-12-24）.

[13] Scalable Vector Graphics (SVG) Tiny 1.2 Specification, W3C Recommendation 22 December 2008. [2014-05-29]. （原始げんし内容ないよう存そん档于2020-12-07）.

[14] Scalable Vector Graphics (SVG) 2, W3C Editor's Draft. [2013-11-24]. （原始げんし内容ないよう存そん档于2021-02-10）.

[15] 微ほろ軟將加入かにゅうW3C SVG工作こうさく小しょう組ぐみ　IE 9可か望もち支援しえん即時そくじ新聞しんぶん iThome online. [2010-11-21]. （原始げんし内容ないよう存そん档于2010-01-11）.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]