IE中不考虑SVG视口大小

Question

我为此输入fiddle。以下SVG在IE9中无法正确呈现。与所有其他浏览器不同，转换后的文本会超出视口大小。

有什么想法/解决方法吗？

感谢

<div>
   <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="200px">
        <g width="400px" height="200px" transform="matrix(4,0,0,4,-1134,-491)">
            <text x="352" y="179.5" fill="#fff700" stroke="#000000" stroke-width="1" 
                  font-family="Arial" font-size="30" font-weight="bold" 
                  font-style="normal" transform="matrix(1,0,0,1,0,0)">
                  AAA
            </text>
        </g>
        <rect x="0" y="0" width="400px" height="200px" 
              fill="none" stroke="black" stroke-width="1">
        </rect>
    </svg>
</div>

Answer 1

解决：

overflow: 'hidden'

可能是其他浏览器的默认设置，但不是IE中的默认设置。

Answer 2

谢谢。我在SVG上遇到问题，其中文本标记行会导致页面底部不必要的水平滚动条（仅在IE 11中）。我在SVG上方的DIV中添加了“ style =“ overflow：hidden””，从而解决了该问题。 （也可以将其添加到SVG标签中以对其进行修复。）