Raphael Javascript ライブラリを使用して、Web ページの基本的な描画を行っています。点から放射状に伸びる線を描いているだけです。Chrome、Firefox、および Opera では、これらの行は SVG キャンバスのサイズに従います。必要なだけ光線を描画したいのですが、ページのサイズに影響を与えたくないので、これは望ましい動作です。幅 5000px のボックスを描画すると、キャンバス内の部分だけが表示されます。
ただし、Internet Explorer (サプライズ サプライズ) は、キャンバスのサイズと境界を完全に無視し、描画されたものすべてに対応します。したがって、0, 0 から始まる幅 5000 ピクセルのボックスを描画しても、キャンバスが 50 ピクセル x 50 ピクセルで、20, 20 から始まる場合でも、幅 5000 ピクセルのボックスが 0, 0 に表示され、ページにはスクロールバーが表示されます。下部にあるので、横にスクロールして全体を表示できます。私はこれが起こることを望んでいません。
この点で Internet Explorer を他のブラウザと同じように動作させるにはどうすればよいですか? Raphael が描いた画像の他の部分を表示するためにページをスクロールできるようにしたくありません。ドキュメントの自然なサイズで端を切り取っておきたいのです。
私はこのニュースグループのスレッドで自分の質問に愚かに答えました: http://groups.google.com/group/raphaeljs/browse_thread/thread/43c71ec89a6a01ed
これを CSS に追加するだけです。
svg { overflow: hidden; }