Question

尝试使用以下代码将文件map.svg嵌入到另一个svg文件中：

<svg version="1.2"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <image height="800" width="800" x="0" y="0"  xlink:href="map.svg"/>
</svg>

除IE9中缺少部分地图外，工作正常。我可以看到缺少的部分是在相当大的map.svg文件的最后部分中定义的。

如果我在IE9中直接打开map.svg没有问题 - 只有当它嵌入另一个svg时才会出现。

IE9中的文件大小是否存在限制，或者只是某种错误？

文件在这里：

http://byogtrafik.ramboll.dk/SandBox/QGIS_svg/Svg_in_svg.svg

编辑：我可以添加在html中嵌入map.svg时出现同样的问题。使用“object”标签显示完整的地图，而使用“img”标签显示IE9中缺少部分的地图。看看这里（耐心等待 - 大svg文件）：http://byogtrafik.ramboll.dk/SandBox/QGIS_svg/Svg_in_object_and_img.html

Answer 1

尝试为root svg提供宽度和高度值：

<svg version="1.2" width="800" height="800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <image height="800" width="800" x="0" y="0"  xlink:href="map.svg"/>
</svg>

Answer 2

根据Wikipedia IE9仅支持基本的SVG功能。您最好的方法是调整SVG文件，使其仅使用基本功能。 IE9尚未实现以下功能集：SVG动画（SMIL），过滤器或字体。有关详细信息，请参阅Microsoft website

嵌入其他SVG时，SVG文件在IE9中显示不完整

2 个答案: