はてなブックマーク - JavaScriptで画像の本来の幅と高さを取得する

JavaScriptで画像の本来の幅と高さを取得する - inamenaiの日記

d:id:inamenai

タグ : JavaScript Tips image 画像 *javascript 画像処理 *tips height DOM width

コンピュータ・IT 181 users

JavaScriptimg要素のwidthプロパティとheightプロパティを参照すれば、画像の幅と高さを取得することができます。しかし、ここで取得できる値はHTMLのタグ中のwidthとheightで指定した数値であり、画像の本来の幅と高さではありません（widthとheightが指定されていない場合は自動的に画像本来のサイズになりますが）。では、画像の本来の幅と高さを知りたい場合はどうするか。FirefoxやSafariの場合、imgオブジェクトにはnaturalWidthとnaturalHeight... > このページを見る

最終更新時間: 2008年10月12日16時29分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

pokerai JavaScript
画像の本来の幅と高さを取得する 2011/07/19
yamadar *javascript
image.naturalWIdth, image.naturalHeight 2011/04/20
nilab javascript
JavaScript で画像の本来の幅と高さを取得する:loadが完了してからプロパティを参照:FirefoxやSafari、imgオブジェクトにnaturalWidthとnaturalHeight:IEの場合は新しいImageオブジェクトを生成してそのオブジェクトのプロパティから 2010/07/21
Cherenkov javascript
FirefoxやSafariの場合、imgオブジェクトにはnaturalWidthとnaturalHeightというプロパティが設定されていて、これを参照すれば画像のもともとのサイズが取得できるようです 2010/07/21
june29 javascript
参考に 2009/02/19
hiro_y javascript, image
JavaScriptで画像本来のサイズを取得。 2008/12/17
seiunsky javascript, tips
なるほど 2008/12/16
ryownet javascript
画像の本来の幅と高さを取得。タグにwidthとかheightがない場合がある。これで何をするか？→画面崩壊ブックマークレットみたいなFlashに取り込むやり方が使えそう 2008/10/23
kyoon *javascript, *tips, *画像
後で使う 2008/10/15
hisasann JavaScript
naturalWidth、naturalHeight 2008/10/14
dgdg -, javascript, image
naturalWidth naturalHeight 2008/10/14
mainyaa javascript
おお、どんどんほしいものが実装されるなぁ。 2008/10/14
wacky JavaScript, 画像処理, Tips
JavaScriptで画像の幅と高さを取得する方法。FirefoxとSafariはnaturalWidth / naturalHeightプロパティで。IEは新しいImageオブジェクトを生成してwidth / heightプロパティで。 2008/10/14
ken_araki Javascript, 画像
JavaScriptで画像の本来の幅と高さを取得する 2008/10/13
AmaiSaeta JavaScript, tips
へぇそんなこと出来たのか 2008/10/13
ussy00 javascript
image img サイズ width height 2008/10/12
adsty javascript
主要ブラウザ毎の実現例あり。プロパティから取得するのは同じ。 2008/10/12