JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log

暮らしカテゴリーの変更を依頼記事元:

uupaa.hatenadiary.org

382 usersがブックマークコメント

コメント

35

記事へのコメント35件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log

Opera で DOM Mutation Event を使用するコードを追記しました。まとめを追加しました。 Opera パート2... Opera で DOM Mutation Event を使用するコードを追記しました。まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。

ブックマークしたユーザー

mifio2022/06/22
yhata012016/11/03
kyo_ago2016/11/02
mag4n2015/06/25
raita_h2014/12/15
jigendaddy2014/10/29
kjw_junichi2014/07/01
vamview2013/04/08
labocho2013/02/27
yhmt2013/02/15
kirikutitarou2013/02/09
test_tester2012/12/14
kawahiro3112012/10/12
unics2012/07/27
mitukiii2012/07/24
teitei_tk2012/05/01
hiko070722012/04/25
bartleby09112012/04/03

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx