IE11でcreateElementが機能しなかった

水面を揺らすJavascriptのソースを発見
http://alligatr.co.uk/lake.js/
自分のサイトで使おうとダウンロードして、ページを作ったが、

IE11で開くと白紙のままで機能しない。
その他のブラウザはきれいに動いているのに

そこで
JQUERYてプログラムされたプラグインのlake.jsを調べて行ったところ

var ca=document.createElement('canvas'); //<canvas>タグを生成

が機能していないため次の行の

var c = ca.getContext("2d");

がエラーになってしまっていた。

しかしcreateElementはIE5からあるタグなのに

色々実験した結果
<HEAD>内に

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10;">>

と書いてIE10モードで使ってみたらエラーが起きなくなった
その後

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11;">>

としてみたが、これでも問題なかった

ただ、なくした途端エラーが発生した。

どうもIE11のバグのようだ

つづく

この記事へのコメント

この記事へのトラックバック

  • IE11はimg.onloadの反応が鈍い(ほとんど反応しない)

    Excerpt: 水面の揺れるJavaScriptのlake.jsを使って自分のページを作っていて、IEの場合だけエラーは起きないが、画面が現れない。 調べてみると image.onload() が反応しないため.. Weblog: 還暦QPONブログ racked: 2015-01-26 09:38