Raphael 2.1 を使用して、同時に 15 本の線を描画しています。各ラインは、50 個の 2 ピクセル パスで構成されます。パフォーマンスは Safari と Chrome で最高、FF で良好、Opera で弱く、IE9 でチョークします。Microsoft は SVG が IE9 で動作すると言っていますが、Raphael.svg は IE9 で false を返します。
Raphael と IE に関連する投稿を 1 日中読んでいますが、IE9 で Raphael のパフォーマンスを向上させる唯一の解決策は、Chrome Frame をインストールすることです。
他の解決策に遭遇した人はいますか?
Raphael は IE9 で svg を使用し、妥当なパフォーマンスで動作します。IE が強制的に IE8 標準モードにならないように注意する必要があります (これは頻繁に発生します)。IE9 が IE8 標準にフォールバックすると、非常に遅い VML を使用することになり、IE8 以下では一般に SVG に代わる効率的な方法はありません。
IE8 を使用してこの問題に直面したとき、最終的に div と css を使用して、線、四角形、およびテキストのレンダリングを実現しました。私が必要としていたのはそれだけだったので、IE8 でも非常に高速でした。コンテナ内の div をバッファリングすることで助けられました。問題が単純な場合は、純粋な DOM ソリューションを検討することをお勧めします。インスピレーションについては、 https ://github.com/Matt-Esch/simpleCanvas.js を参照してください。