RaphaelJS は、Chrome/Firefox の場合と IE 7 および 8 の場合は同じであるはずだと思いましたか?
の例
テキストは Chrome と Firefox で垂直方向に中央揃えされますが、IE 7 と 8 では代わりにテキストのベースラインが中央に配置されます (したがって、FF よりも数ピクセル高くなります)... それらをすべて同じように動作させる方法はありますか? ?
(ブラウザー検出を使用せず、テキストを IE 7 および 8 の場合は数ピクセル低く調整することをお勧めします。これは、それほどクリーンなソリューションではないためです)
(IE 9では、開発者ツールを使用してCompatモードをIE 7または8に変更しても、何らかの理由で画像がまったく表示されません...しかしraphael.js
、同じページにリンクする別のページを使用してIE 9でそれを行うとの Web サイトのindex.html
場合、すべての中で最悪の状況が発生します。ある動作が発生する場合もあれば、別の動作がランダムに発生する場合もあります...ほとんど競合状態のように見えます)
(IE 9 の場合、このページを使用できます。
http://try-raphael-text.heroku.com
http://try-raphael-text.heroku.com/raphael20.html
2 番目のリンクは、GitHub の Raphael 2.0 ブランチで Raphael 2.0 を使用しています。
2.0 バージョンは、実際には IE 7 で垂直方向に整列するように動作しますが、IE 8 ではテキストが表示されません... この単純なケースを使用して IE 9 でうまく動作します... しかし、実際のページでは、IE 9 をクラッシュさせることができます時折)