ちょと思い立って、マルチプラットフォーム、マルチブラウザで動く Javascript で、何かつくってみようかと。HTML5 で Canvas はそろそろ一般人の小生でも使えるレベルになってきているようなので。まずは Canvas で画像の合成。アルファ付きの PNG が、普通に重ねあわせられるのが便利。いろいろ使い道がありそう。
ただ、IE8 以下では Canvas に対応しておらず、Google さんが提供している、explorercanvas とかいうものを使ってみた。が、まだいくつか引っかかり中。一つは、display:none を指定した画像が、canvas へ drawImage() できない。uupaa さんの記事で対策があったので、使わせてもらう。これで、Chrome や Opera や Android ブラウザで出ていて、IE8 で出なかった画像が出るようになった。
もう一つ、Canvas の内容を drawImage() できないような。もしくは globalCompositeOperation で対応しているのがないとか。（また uupaa さんの記事にそれらしい記述が（古いが））。
うぅ、IE8 は img.complete も対応してないのか。MS 嫌いはこういう所から始まる．．．
後、スマートフォン用の の仕様が良くわからない。content="width=XXXX;" を指定すると、XXXX pixel 幅を画面全体で表示してくれる、ということだろうか。body の width を XXXX にすると、ページ幅と画面幅が一致する？ HTML の基本も知らないので大変だ。ググッても、width=device-width という例が出てくるばかり。
少しずつ情報を集めよう。
