javascript で画像サイズの取得に失敗する場合

javascript である画像のサイズを取得する場合、次のようなコードがよく説明されています。
imgタグで指定されたwidth,height ではなく、画像自体のwidth,heightが取得できますが、これ、取得に失敗することがあります。


var img = new Image();
img.src = "http://xxxxx......";
var w = img.width;
var h = img.height;



この書き方では、画像を新たに読み込みます。
画像の読み込みが完了する前に width,height を取得しようとすると、サイズ0が返りますので、注意が必要です。

画像の読み込み完了を示す completeプロパティが false の場合(img.complete == false だったら)は、onload等によって、画像の読み込み完了後のサイズ取得が必要です。

ブログ気持玉

クリックして気持ちを伝えよう!

ログインしてクリックすれば、自分のブログへのリンクが付きます。

→ログインへ

なるほど(納得、参考になった、ヘー)
驚いた
面白い
ナイス
ガッツ(がんばれ!)
かわいい

気持玉数 : 0

この記事へのコメント

この記事へのトラックバック