SVG
可縮放向量圖形(SVG)是一種基於 XML 語法的二維向量影像格式。
W3C 於 20 世紀 90 年代末開始開發 SVG,但直到 Internet Explorer 9 釋出並支援 SVG 後,SVG 才開始流行。現在所有主流的 瀏覽器 都支援 SVG。
基於 XML 語法,SVG 可以使用 CSS 進行樣式設定,並使用 JavaScript 進行互動。HTML 允許將 SVG 標籤 直接嵌入到 HTML 文件中。
作為一種 向量影像格式,SVG 圖形可以無限縮放,這使得它們在 響應式設計 中非常寶貴,因為您可以建立可以縮放到任何螢幕尺寸的介面元素和圖形。SVG 還提供了一套有用的工具,例如剪裁、蒙版、濾鏡和動畫。
另見
- 影像檔案型別和格式指南中的 SVG 部分
- MDN 上的 SVG 文件
- 其他影像格式(詞彙表術語): GIF、JPEG、PNG、WebP
- HTML 影像(學習 Web 開發)
- 為你的網站新增自定義圖示
- 在 HTML 中包含向量圖形
- 維基百科上的 SVG
- w3.org 上的 SVG 入門指南