Internet Explorer 9 Platform Preview 3 を試してみた。

先日の記事で書いたように、Internet Explorer 9 Platform Preview 3で Canvas エレメントが使えるようになったので、当ブログで公開したデモの動作を確認してみた。

lislis Painter

・ダイアログがドラッグできない。
・スライドバーも動かない。
これらjQuery uiを使っている部分のドラッグ＆ドロップ系が全く動作しない模様。
いずれIEかjQueryのどちらかが改善すると思われるので対処しない。

・消しゴムをかけると真っ黒になる。
UNDOがなければ涙目レベルの不具合である。
var ctx = canvas.getContext("2d"); ctx.globalCompositeOperation = "destination-out"; と設定しても、現状の IE9 Preview が仕様通りに動作せず、無視されていることが原因。
これも時が解決することを期待して対処せず。

ArrowMark

正常に動作する。
特に問題は見つからない。

Wave

・波が全く動かない。
さらに、画像を何度クリックしても、最初にクリックした位置に動かない波が一定時間表示されるだけという状態になる。
動作を追いかけてみると、以下のような謎な挙動が原因と判った。

1. 最初にImageData.dataを取得してピクセルを書き換える。←ImageDataの画像が書き換わる。
2. 再度ImageData.dataを取得してピクセルを書き換える。←なぜかImageDataの画像が書き換わらない。
3. 以下同文

これも IE9 Preview のバグと思われる。

Clock

特に問題はなく、きれいに表示される。
ちゃんと影が出るので、Chromeよりまともな動作と言える。