找到圖像正確的寬度和高度

現在我得到圖像的寬度和高度時img的onload函數。我的問題是，圖像的原始寬度= 500px，但document.getElementId（id）.offsetWidth只給出300px和高度。請幫助我，我怎樣才能得到原始的寬度和圖像的高度找到圖像正確的寬度和高度

來源

2010-06-09 Jeny

至少Gecko-（火狐）和基於WebKit（Safari瀏覽器，Chrome瀏覽器）的瀏覽器應該實現性能naturalWidth和naturalHeight的圖像元素：

var image = document.getElementById("imageid"); 
if (image.naturalHeight === undefined) { 
    alert("Your browser doesn't support this example!"); 
} else { 
    var message = "The original size of the image:"; 
    message += "\n height: " + image.naturalHeight + "px"; 
    message += "\n width: " + image.naturalWidth + "px"; 
    alert(message);

}

來源

2010-06-09 07:36:37 kkyy

爲什麼不只是image.height？ – ant 2010-06-09 07:50:59

@ c0mrade因爲如果圖像已經縮放，image.width和image.height屬性會返回縮放的大小，而不是原始大小。至少在Firefox中。 – kkyy 2010-06-09 08:07:48

好的tnx的信息 – ant 2010-06-09 08:30:48

對不起我的瀏覽器不支持naturalHeight和naturalWidth ..

來源

2010-06-09 08:07:24 Jeny

找到圖像正確的寬度和高度

回答

相關問題