パソコン鳥のブログ

アクセスカウンタ

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

<<   作成日時 : 2015/07/12 23:13   >>

ブログ気持玉 0 / トラックバック 0 / コメント 0

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件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
javascript で画像サイズの取得に失敗する場合 パソコン鳥のブログ/BIGLOBEウェブリブログ
文字サイズ:       閉じる