web-dev-qa-db-ja.com

IEでHTML5キャンバス要素を使用するにはどうすればよいですか?

HTML5キャンバス要素を使用していくつかの円弧と円を描画しようとしています-これはFFで完全に機能しますが、IE8はそれをサポートしていないようです。

現在、IE8をCanvasとうまく動作させるように思われるJavascriptライブラリが存在します。 例はここにあります

ソース全体を読みましたが、CanvasがIE8でどのように機能するかを理解できません。誰かが使用されている方法に光を当ててください。

75

ページは excanvas -IEのVMLレンダラーを使用してキャンバス要素をシミュレートするJSライブラリを使用しています。

Internet Explorer 9では、 canvasタグはネイティブでサポートされています !詳細については、 MSDN docs を参照してください...

94
Shog9

FxCanvasを試すことができます: https://code.google.com/p/fxcanvas/

ほとんどすべてのCanvas APIをフラッシュシム内に実装します。

8
buzzilo

IE用に新しくリリースされたChrome Frameプラグインを使用できますが、HTML 5 Webサイトにはプラグインを有効にする特別なメタタグが含まれている必要があります。

http://code.google.com/chrome/chromeframe/

Chrome FrameはExplore Canvas(excanvas.js)を使用しているようです。

4

IE8を使用する必要がある場合は、ベクターグラフィックス用のこのJavaScriptライブラリを試すことができます。 IE8の「キャンバス」と「SVG」の非互換性を同時に解決するようなものです。

ラファエル

簡単な例で試してみましたが、正しく動作します。ソースコードがどの程度読みやすいかはわかりませんが、お役に立てば幸いです。彼らがそのサイトで言ったように、ライブラリは非常に古い探検家と互換性があります。

Raphaëlは現在、Firefox 3.0 +、Safari 3.0 +、Chrome 5.0 +、Opera 9.5+およびInternet Explorer 6.0+をサポートしています。

2
Timbergus

現在、ExplorerCanvasはIE6、7、および8のHTML5キャンバスをエミュレートする唯一のオプションです。また、そのパフォーマンスについても適切です。

Google Chrome、Safari、Firefoxでの実際のHTML5キャンバス処理とIEでのExplorerCanvasの違いをベンチマークするパーティクルシミュレーターを見つけました。結果は、canvasタグをサポートする主要なブラウザーが、IEでExplorerCanvasでエミュレートされたHTML5よりも約20から30倍速く実行されることを示しています。

1)excanvas.jsはほぼ完全にコード化されており、2)IE9がリリースされると、すべての主要なブラウザーが最終的にキャンバスオブジェクトをサポートするため、誰もが代替案を作成する努力をすることを疑います。うまくいけば、1年以内にIE9を入手できる

エリック@ www.webkrunk.com

2
Eric Rowell

flashcanvas を使用したところ、動作するようになりました。問題が発生した場合は、注意事項などを必ず読んでください。特に、キャンバス要素を動的に作成する場合は、明示的に初期化する必要があります。

if (typeof FlashCanvas != "undefined") {
    FlashCanvas.initElement(canvas);
}
0
duma