作为图片的 SVG
SVG 图像可以作为一种图片格式用在很多环境中。很多浏览器支持在下列环境中应用 SVG 图像:
- HTML 的
<img>
元素或<svg>
元素 - CSS 的
background-image
属性
Gecko 专有的环境
另外,Gecko 2.0 引入了在以下环境中支持使用 SVG:
- CSS 的
list-style-image
属性 - SVG 的
<image>
元素 - SVG 的
<feImage>
元素 - Canvas 的
drawImage
函数
局限
如果 SVG 作为一个图像,出于安全目的,Gecko 在 SVG 环境上作了一些限制:
- 禁用了 JavaScript。
- 外部源(比如说:图像、样式表)不能载入,然而行内源可以使用(利用 BlobBuilder 对象 URL 或者 data: URI 属性)。
- 链接的
:visited
伪类不能呈现。 - 禁用了平台原生的小部件样式(基于操作系统主题)
注意上面的限制是对图像环境专有的;它们不能应用到直接看到的 SVG 上,也不能应用到嵌入在 HTML 的<iframe>
元素、<object>
元素和<embed>
元素中的 SVG 上。
规范
Specification |
---|
CSS Backgrounds and Borders Module Level 3 # the-background-image |