HTML5 Canvas のバックアップソース(No.4)

バックアップ一覧
差分を表示
現在との差分を表示
バックアップを表示
HTML5 Canvas へ行く。
- 1 (2012-05-09 (水) 21:32:53)
- 2 (2012-05-11 (金) 02:05:00)
- 3 (2012-05-18 (金) 01:28:48)
- 4 (2012-05-19 (土) 01:33:55)
- 5 (2012-05-24 (木) 00:32:31)
- 6 (2012-05-27 (日) 17:02:39)

*FlashをCanvasにコンバートする技術の紹介 [#v0473926]
http://ameblo.jp/principia-ca/entry-11033734709.html

*drawImage [#ma0b5181]

あらかじめ画像を読み込んでからでないと、何も描画されない。
画像の読み込みは非同期っぽい。

画像の読み込みはonloadイベントが帰ってくるので、そこに継続したい処理を記述することで、同期処理の代用コードが書ける。

だから、画面読み込み時のready状態になる際のイベントで、画像を読み込ませる処理を書けばよいのだが、おそらく配列にまとめていれるコードを書くことになるだろう。

その際に問題なのは、そのイメージオブジェクトを描画でつかい終わったら、参照を解放してやらないと、GCが働かないらしいのだ。

これらの、点に注意してコードを書く必要がある。

*『canvas』要素の勉強をする時の参考サイトまとめました [#i261d1f8]
http://www.html5-memo.com/canvas/site/