使用带有引用 PNG 的 SVG 作为背景图像

Question

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

Answer 1

该功能记录在SVG Integration specification

当您使用 SVG 作为背景图像时，它的功能类似于

动画图像文档

因此它在secure animated mode 中运行。

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