在IE中不尊重SVG视口大小

我对此有一个fiddle。下面的SVG在IE9中无法正确显示。与所有其他浏览器不同，已转换的文本覆盖了视口大小。在IE中不尊重SVG视口大小

任何想法/解决方法？

感谢

<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>

来源

2012-01-14 mihai

与解决：

overflow: 'hidden'

它可能在其他浏览器的默认，但不是在IE浏览器。

来源

2012-01-14 18:06:28 mihai

不确定情况是否一样，但是这帮助我在IE11中看起来具有正确尺寸的内联SVG元素仍然使水平和垂直滚动条出现在页面上，尽管它没有看到内容溢出。 – 2016-01-14 14:45:08

在IE中不尊重SVG视口大小

回答

相关问题