SVG 作為影像
SVG 影像可以用作影像格式,在許多上下文中使用。瀏覽器在以下情況下支援 SVG 影像:
- HTML
<img>或<svg>元素 - CSS
background-image - CSS
list-style-image - CSS
content - SVG
<image>元素 - SVG
<feImage>元素 - Canvas
drawImage函式
限制
出於安全原因,Gecko 在 SVG 內容用作影像時對其施加了一些限制。
- JavaScript 已停用。
- 無法載入外部資源(例如影像、樣式表),但如果透過 data: URL 內聯,則可以使用它們。
:visited連結樣式未呈現。- 平臺本機小部件樣式(基於作業系統主題)已停用。
請注意,以上限制特定於影像上下文;當直接檢視 SVG 內容或透過 <iframe>、<object> 或 <embed> 元素將其嵌入為文件時,這些限制不適用。
規範
| 規範 |
|---|
| CSS 背景和邊框模組級別 3 # the-background-image |