我有一个奇怪的问题，我无法弄清楚。如果您转到https://www.stubwire.com/events/redneckswithpaychecks/2015springbreak/maps/sample_page.php，您会看到显示的SVG图像在IE中正常工作，但在Chrome或Firefox中无效。在Chrome＆amp; Firefox除非你直接在浏览器中调用加载图像，否则不会显示背景图像（https://www.stubwire.com/events/redneckswithpaychecks/2015springbreak/maps/sample_image.php）下面是SVG文件中的XML，我知道我可以嵌入背景图像，但是我想把它拆分出去我可以为多个文件使用相同的背景图像。任何人都知道为什么这不起作用？
<g id="Image">
<image overflow="visible" width="4928" height="3264" xlink:href="A_bg.jpg" transform="matrix(0.3531 0 0 0.3531 0 75.2471)"></image>
</g>
答案 0 :(得分：1)
如果您在图片上下文中显示SVG文件，例如背景图片或通过html <img>或SVG <image>，则必须在单个文件to prevent privacy leaks内完成。< / p>
将您的jpeg编码为data URI，它应该有效。