獲取調整大小後的html圖像元素的原始尺寸

Question

是否有一種簡單高效的方式來獲取在<img>元素中顯示的圖像的真實尺寸（以JavaScript表示），其中可能呈現不同的渲染尺寸（例如，通過max-height或max-width） ？

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