IE中未遵守SVG视口大小

时间:2012-01-14 16:49:19

标签: html internet-explorer svg

我有一个fiddle。 IE9中未正确呈现以下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>

1 个答案:

答案 0 :(得分:1)

已解决:

overflow: 'hidden'

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