javascript - キャンバスクロスブラウザ上のHtml5div

Question

フルページのキャンバスにdivを配置しようとしています。Chromeではうまく機能しますが、FirefoxとIE9では「kaput」になります。

これがそのコードへのリンクです（firefox chromeとie9で試してみました）chromeだけが機能しているようです。

http://jsbin.com/ubolan/1/edit

Answer 1

IE9では、ドキュメントにプロパティがないdocument.width/document.heightため、キャンバスの幅/高さを0に設定しています。

使ってみてください

canvas.width = document.body.clientWidth;
canvas.height = document.body.clientHeight;

また

canvas.width = $(document).width();
canvas.height = $(document).height();