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 |