2012-01-14 38 views
0

我對此有一個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> 

回答

1

與解決:

overflow: 'hidden' 

它可能在其他瀏覽器的默認,但不是在IE瀏覽器。

+0

不確定情況是否一樣,但是這幫助我在IE11中看起來具有正確尺寸的內聯SVG元素仍然使水平和垂直滾動條出現在頁面上,儘管它沒有看到內容溢出。 – 2016-01-14 14:45:08