作为图片的 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 |