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 对象