2012-01-14 16 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要素がページ上に水平および垂直スクロールバーを表示するのに役立ちました。 –

関連する問題