aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/glossary/svg/index.html
blob: 717b0b0337df292330d3e553a4a9ade2e323edcc (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
---
title: SVG
slug: Glossary/SVG
translation_of: Glossary/SVG
---
<p><strong>可縮放向量圖形</strong><em>Scalable Vector Graphics, SVG</em>)是基於 {{Glossary("XML")}} 語法的 2D 向量圖片格式。</p>

<p>{{Glossary("W3C")}} 在 1990 晚期啟動 SVG 開發,但它要在 {{Glossary("Microsoft Internet Explorer", "IE")}} 9 開始支援 SVG 後才開始發跡。目前所有主流{{Glossary("browser","瀏覽器")}}都支援 SVG。</p>

<p>由於 SVG 基於 {{Glossary("XML")}} 語法,所以它可以透過 {{Glossary("CSS")}} 樣式化、並透過 {{Glossary("JavaScript")}} 互動。HTML5 目前能在 {{Glossary("HTML")}} 檔案內直接嵌入 SVG {{Glossary("Tag","標籤")}}</p>

<p>由於 SVG 是<a href="https://zh.wikipedia.org/zh-tw/%E7%9F%A2%E9%87%8F%E5%9B%BE%E5%BD%A2" rel="external">向量圖形</a>,它因此可以無限縮放。也由於你可以建立介面元素(interface element)還有在任何螢幕尺寸縮放的圖形,它在{{Glossary("responsive design","響應式設計")}}上也相當重要。SVG 也提供一組有用的工具,例如剪輯、遮罩、濾器、動畫(clipping, masking, filters, animation)。</p>

<h2 id="深入理解">深入理解</h2>

<h3 id="基本知識">基本知識</h3>

<ul>
 <li>維基百科的 {{Interwiki("wikipedia", "SVG")}}</li>
</ul>

<h3 id="理解_SVG">理解 SVG</h3>

<ul>
 <li><a href="https://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">W3.org 的 SVG Primer</a></li>
</ul>

<h3 id="技術資訊">技術資訊</h3>

<ul>
 <li><a href="/zh-TW/docs/Web/SVG">MDN 的 SVG 文件</a></li>
 <li><a href="http://www.w3.org/TR/SVG/" rel="external">最新的 SVG 規範</a></li>
</ul>