--- 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

技術資訊