最新的Web開發教程
 

圖片naturalWidth物業

圖像對象參考 圖像對象

返回圖像的原始寬度:

var x = document.getElementById("myImg").naturalWidth;

x的結果將是:

107
試一試»

定義和用法

該naturalWidth屬性返回一個圖像的原始寬度。

例如,如果你有一個形象,原本是100個像素寬。 然後,用CSS /或通過使用HTML“width”屬性,使其500像素寬樣式的圖像。 該naturalWidth屬性將返回“100”時, 寬度屬性但是,將返回500。

提示:使用naturalHeight屬性返回圖像的原始高度,或高度屬性來設置或返回的值height圖像的屬性。

注:此屬性是只讀的。


瀏覽器支持

屬性
naturalWidth 9

句法

imageObject .naturalWidth

技術細節

返回值: 一個數字,表示圖像的像素的原始寬度

更多示例

在naturalWidth屬性和寬度屬性之間的區別:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
試一試»

圖像對象參考 圖像對象