映射缩小IE9中的svg

Question

我有一张地图，每当我放大地图时，地图就会变大（缩放工作正常），但地图超出了SVG的边缘，因此掩盖了我网页的其他功能。这只发生在IE9中。在chrome中，每当我放大它时，地图总是保留在SVG内部。有没有其他人有这个问题，并提出了解决它的路线？我想将地图保留在SVG中。

由于

Answer 1

这是IE9中的一个错误。 IE9不遵守默认的SVG溢出模式，必须隐藏它。

如果您在最外层的SVG元素或周围的style = "overflow:hidden"元素中手动设置<DIV>，则可以更正此行为，例如

<div style = "overflow:hidden"> <svg> ... </svg> </div>

JavaScript中的

divElement.setAttribute("style", "overflow:hidden");

另请参阅here和here。