3

RaphaelJS は、Chrome/Firefox の場合と IE 7 および 8 の場合は同じであるはずだと思いましたか?

の例

http://jsfiddle.net/8UPhS/1/

テキストは 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 をクラッシュさせることができます時折)

4

1 に答える 1

2

これは Raphael 1.5.2 の既知のバグです [1]。このバグを回避するには、ブラウザ検出よりも機能検出を優先しますか? Raphael は svg (true|false) と呼ばれるプロパティを提供します。私の例を見てください: http://jsbin.com/iwudu5/edit

[1] https://github.com/DmitryBaranovskiy/raphael/issues/86

于 2011-04-18T14:17:01.303 に答える