HTML5 canvas.getContext("2d") reference

英語だけど、まとまっています。

http://www.w3schools.com/html5/html5_ref_canvas.asp

FlashをCanvasにコンバートする技術の紹介

http://ameblo.jp/principia-ca/entry-11033734709.html

drawImage

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

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

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

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

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

『canvas』要素の勉強をする時の参考サイトまとめました

私がまとめたわけではありませんが、まとめてくださっていたので、リンクしました。

ミニゲームの紹介のリンクなどがあります。 http://www.html5-memo.com/canvas/site/

drawImageメソッドをandroid2.0とかで使う際の注意点

http://d.hatena.ne.jp/koba04/touch/20110605/1307205438

jQueryでcanvasを操作する

http://calebevans.me/projects/jcanvas/docs.php?p=images

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2012-06-12 (火) 17:27:04 (3417d)