From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/zh-tw/glossary/svg/index.html | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 files/zh-tw/glossary/svg/index.html (limited to 'files/zh-tw/glossary/svg') 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 +--- +

可縮放向量圖形Scalable Vector Graphics, SVG)是基於 {{Glossary("XML")}} 語法的 2D 向量圖片格式。

+ +

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

+ +

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

+ +

由於 SVG 是向量圖形,它因此可以無限縮放。也由於你可以建立介面元素(interface element)還有在任何螢幕尺寸縮放的圖形,它在{{Glossary("responsive design","響應式設計")}}上也相當重要。SVG 也提供一組有用的工具,例如剪輯、遮罩、濾器、動畫(clipping, masking, filters, animation)。

+ +

深入理解

+ +

基本知識

+ + + +

理解 SVG

+ + + +

技術資訊

+ + -- cgit v1.2.3-54-g00ecf