aboutsummaryrefslogtreecommitdiff
path: root/files/zh-tw/glossary/svg/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/zh-tw/glossary/svg/index.html')
-rw-r--r--files/zh-tw/glossary/svg/index.html33
1 files changed, 33 insertions, 0 deletions
diff --git a/files/zh-tw/glossary/svg/index.html b/files/zh-tw/glossary/svg/index.html
new file mode 100644
index 0000000000..717b0b0337
--- /dev/null
+++ b/files/zh-tw/glossary/svg/index.html
@@ -0,0 +1,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>