サイズ変更されたhtml画像要素の元の寸法を取得

Question

潜在的に異なるレンダリングサイズ（例えばmax-heightまたはmax-widthを使用）の<img>要素に表示される画像の真の寸法（JavaScript）を取得する簡単かつ効率的な方法はありますか？ ？

Answer 1

現在、naturalWidthとnaturalHeightのDOM属性があります。例えば

：

var image = new Image(); 
image.src = "test.jpg"; 
image.onload = function() { 
    alert('width - ' + image.naturalWidth); 
    alert('height - ' + image.naturalHeight); 
} 

またはjsFiddleにexampleを参照してください。

詳細はMDN