diff options
Diffstat (limited to 'files/zh-tw/glossary/svg/index.html')
-rw-r--r-- | files/zh-tw/glossary/svg/index.html | 33 |
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> |