在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>
答
与解决:
overflow: 'hidden'
它可能在其他浏览器的默认,但不是在IE浏览器。
不确定情况是否一样,但是这帮助我在IE11中看起来具有正确尺寸的内联SVG元素仍然使水平和垂直滚动条出现在页面上,尽管它没有看到内容溢出。 – 2016-01-14 14:45:08