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 |