SVG

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

W3C 在 1990 晚期啟動 SVG 開發,但它要在 IE 9 開始支援 SVG 後才開始發跡。目前所有主流瀏覽器都支援 SVG。

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

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

深入理解

基本知識

  • 維基百科的 SVG

理解 SVG

技術資訊