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 |