javascript - 地图在 IE9 中缩小 svg

Question

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

谢谢

Answer 1

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

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

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

在 JavaScript 中

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

另请参阅此处和此处。