使用带参考PNG的SVG作为背景图像

时间:2016-07-15 08:13:45

标签: html css svg

鉴于使用<image xlink:href="http://...引用PNG图像的SVG,为什么我不能将SVG用作CSS的背景图像?如果我直接在浏览器中调用SVG(使用Chrome和Firefox测试),它会向我显示带有PNG的SVG,调试工具(网络选项卡)也会显示外部图形被调用。在HTML中使用指向SVG的<object>标记也可以。还可以使用base64将PNG嵌入到SVN中,这允许我将SVG用作背景图像,但如果图像是路径则不能。测试页面,CSS,SVG和我在SVG中链接的图像都在同一台服务器上。

1 个答案:

答案 0 :(得分:0)

该功能记录在SVG Integration specification

当您使用SVG作为背景图像时,其功能是

的功能
  

动画图片文件

因此它在secure animated mode中运行。

安全动画模式的限制之一是不允许使用external references