SVG 作為影像
SVG 可用作 HTML、CSS、某些 SVG 元素以及透過 Canvas API 中的影像格式。本頁面列出了您可以提供 SVG 作為影像源的功能。
支援 SVG 的特性
瀏覽器支援 SVG 影像，這些影像可以透過以下方式使用：
- HTML 中的
<img>或<svg>元素 - CSS 中的
background-image - CSS 中的
list-style-image - CSS 中的
content - SVG 中的
<image>元素 - SVG 中的
<feImage>元素 - Canvas 的
drawImage函式
限制
出於安全原因，一些瀏覽器在將 SVG 內容用作影像時會對其施加限制。具體來說，可能適用以下限制：
- JavaScript 被停用。
- 無法載入外部資源（例如，影像、樣式表），但如果透過
data:URL 內聯，則可以使用它們。 :visited連結樣式未被渲染。- 平臺原生控制元件樣式（基於作業系統主題）被停用。
請注意，上述限制僅適用於影像上下文；當 SVG 內容直接顯示，或者透過 <iframe>、<object> 或 <embed> 元素作為文件嵌入時，這些限制不適用。
規範
| 規範 |
|---|
| CSS Backgrounds and Borders Module Level 3 # the-background-image |