IEでもcanvasを使いたい！
本記事の冒頭で説明したとおり、IEはcanvas機能をサポートしていませんが、グーグルが提供している「Google Chrome Frame」プラグインをインストールすると、Google Chromeと同じようにcanvasが使えます。Google Chrome Frameは、IEの見た目はそのままに、レンダリングエンジンをGoogle Chromeと同じWebKitに変更するプラグインです。JavaScriptエンジンもGoogle Chromeと同じになり、処理速度も向上します。
Google Chrome Frameは以下のページからダウンロードできます。
http://code.google.com/intl/ja/chrome/chromeframe/
Google Chrome Frameのダウンロードページ
右上の「Get Google Chrome Frame」ボタンをクリックすると、以下のような画面になります。Optionalのチェックは入れても入れなくても構いません。「Accept and Install」のボタンをクリックしてダウンロードします。
「Accept and Install」のボタンをクリック
インストーラーをダウンロードして保存する（保存ボタンをクリック）
ここではデスクトップに保存する
保存したらChromeFrameSetup.exeアイコンをダブルクリックして起動する。セキュリティ警告のダイアログが表示されたら「実行」ボタンをクリックする
ダウンロードとインストールが開始される
正常にインストールが完了するとこの画面になる
あとは、HTMLに以下のmetaタグを追加するだけです。
<meta http-equiv="X-UA-Compatible" content="chrome=1">
これで自動的にレンダリングエンジンがWebKitに切り替わり、canvas機能を利用できるようになります。
metaタグが記述されていないとIEのレンダリングエンジンとJScriptが使用されるためエラーで動作しない
metaタグを追加するとIEでもcanvasの機能が使える
