Image naturalWidth 屬性

HTML DOM Image 對象

定義和用法

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

例如，如果您有一幅最初為 100 像素寬的圖像。然后，您使用 CSS/或使用 HTML 的“寬度”屬性設置圖像的樣式，使其寬度成為 500 像素。 naturalWidth 屬性將返回 "100"，而 width 屬性將返回 500。

提示：請使用 naturalHeight 屬性 返回圖像的原始高度，或者使用 height 屬性 設置或返回圖像的 height 屬性 的值。

注意：此屬性是只讀的。

實例

例子 1

返回圖像的原始寬度：

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

親自試一試

例子 2

naturalWidth 屬性和 width 屬性的區別：

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

親自試一試

語法

imageObject.naturalWidth

技術細節

返回值： 數值，表示圖像的原始寬度（以像素為單位）。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

HTML DOM Image 對象