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/web/svg/index.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 files/zh-tw/web/svg/index.html (limited to 'files/zh-tw/web/svg/index.html') diff --git a/files/zh-tw/web/svg/index.html b/files/zh-tw/web/svg/index.html new file mode 100644 index 0000000000..86aa0e1479 --- /dev/null +++ b/files/zh-tw/web/svg/index.html @@ -0,0 +1,22 @@ +--- +title: SVG +slug: Web/SVG +translation_of: Web/SVG +--- +

 

+
由此開始
+本教程將輔助你開始使用 SVG。
+
可縮放向量圖形 (Scalable Vector Graphics，SVG) 是用於描述二維向量圖形的 XML 標記語言。基本上，SVG 用於圖形，而 XHTML 用於文字。 +

SVG 類似 Adobe 專有的 Flash 技術，SVG 與 Flash 兩者最大的分別在於 SVG 為 W3C 所推薦 (即標準)，並以 XML 為基礎，而非封閉的二進制格式。SVG 設計為與其他 W3C 標準 (如 CSS、DOM 及 SMIL) 一同運作。

+
+

 

+ +

為何使用 SVG？
更好的圖形格式
SVG 是一種向量圖形格式。向量圖形可縮可放，圖形完全不會失真，為像素圖形所不能及。

 

增強 HTML 內容的表現
SVG 可和 HTML、CSS 及 JavaScript 一同運作。使用 SVG 增強普通 HTML 頁面或 web 應用程式。

 

Mozilla 裡的 SVG
SVG 如何在 Mozilla 裡實作的註解和資訊。

 

工具

 

 
動畫和互動
如同 HTML，SVG 也有一個 DOM、事件，並且可由 JavaScript 存取。這可讓開發者建立豐富的動畫和互動式圖形。

 

繪圖、圖表、遊戲 & 3D 實驗
只需少許 SVG 即可增強網頁內容，這裡有一些重量級 SVG 用法的範例。

 

Community

 

  • View Mozilla forums...

{{ DiscussionList("dev-tech-svg", "mozilla.dev.tech.svg") }}

 
+

View All...

+ +
XML, Canvas
+
+

Categories

+

Interwiki Language Links

+

 

+

{{ languages( {"en": "en/SVG", "de": "De/SVG", "es": "es/SVG", "fr": "fr/SVG", "it": "it/SVG", "ja": "ja/SVG", "pl": "pl/SVG", "pt": "pt/SVG" } ) }}

-- cgit v1.2.3-54-g00ecf