HTML5 / Canvas 画像読み込み


Canvasに画像を読み込みます。
前回はただの四角だったものを画像に。

1
2
var image = new Image();
image.src = 'xxx.png';

これで画像は読み込めます。
画像のサイズは image.width, image.height の様に取得可能。
なので、前回の移動距離の計算や、画面からはみ出ないようにする処理をこの画像のサイズを使って判定するようにしてみました。

サンプル

「HTML5 / Canvas 画像読み込み」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です