SVG 指南
此頁面列出了 SVG 的指南,涵蓋了嵌入、MIME(媒體)型別、指令碼處理、動畫、濾鏡等主題。
- 將 SVG 效果應用於 HTML 內容
- 內容型別
SVG 使用多種資料型別。本文列出了這些型別及其語法和用途描述。
- 連結
SVG
a元素上的target屬性在 Mozilla Firefox 1.5 中不起作用。當使用 <tag> 標籤將 SVG 文件嵌入父 HTML 文件時- 名稱空間速成課
作為 XML 方言,SVG 是帶名稱空間的。如果你計劃編寫 SVG 內容,理解名稱空間的概念以及它們的使用方式非常重要。對於支援多種 XML 方言的使用者代理來說,名稱空間至關重要;瀏覽器必須非常嚴格。現在花時間理解名稱空間將為你節省未來的麻煩。
- 指令碼
有幾種方法可以使用 JavaScript 建立和操作 SVG。本文件描述了事件處理、互動性和使用嵌入式 SVG 內容。
- 使用 SMIL 的 SVG 動畫
Synchronized Multimedia Integration Language (SMIL) 是一種基於 XML 的語言,用於編寫互動式多媒體簡報。作者可以在其他基於 XML 的語言中使用 SMIL 語法來定義動畫元素的時序和佈局。
- SVG 作為影像
SVG 可用作 HTML、CSS、某些 SVG 元素以及透過 Canvas API 中的影像格式。本頁面列出了您可以提供 SVG 作為影像源的功能。
- SVG 濾鏡
SVG 允許我們使用與點陣圖描述語言類似的工具,例如使用陰影、模糊效果,甚至合併不同濾鏡的結果。透過
<filter>濾鏡元素,可以新增這些效果,然後將它們附加到物件上。- SVG 在 HTML 中的介紹
本文及其關聯示例演示瞭如何使用內聯 SVG。