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

【问题标题】：SVG file showing incomplete up in IE9 when embedded in other SVG嵌入其他 SVG 时，在 IE9 中显示不完整的 SVG 文件
【发布时间】：2014-02-25 21:48:59
【问题描述】：

尝试使用此代码将文件 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

【问题讨论】：

标签： internet-explorer svg

【解决方案1】：

尝试为根 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>

【讨论】：

感谢您的建议，但没有帮助 - 仍然缺少一些东西。

【解决方案2】：

根据Wikipedia IE9 仅支持基本的 SVG 功能。最好的办法是调整 SVG 文件，使其仅使用基本功能。 IE9 尚未实现以下功能集：SVG 动画 (SMIL)、过滤器或字体。更多详情见Microsoft website

【讨论】：