带有“img”标签的HTML中包含的SVG是否可以通过“image”标签链接到外部图像？

Question

我有以下的文件，image.svg，在一台服务器上的相同点文件bitmap.png一起：

<?xml version="1.0" ?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg width="100px" height="100px" version="1.1" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <image x="0" y="0" width="100px" height="100px" 
     xlink:href="bitmap.png" /> 
</svg> 

当我直接去映像文件，它包括bitmap.png图像。

当我将图像包含在带有<object data="image.svg"></object>标记的网页中时，会加载bitmap.png文件。

当我包括与<img src="image.svg" />代码的网页，图像，该bitmap.png确实不负荷。

什么给？

Answer 1

svg本身是有效的。

当svg通过< img>引用时，某些浏览器不允许外部引用。你能做些什么才能使它工作，就是将png转换为数据URI并把它放在那里，例如参见this answer这样做。