作为图片的 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> 元素嵌入文档时，这些限制不适用。
规范
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # the-background-image |