Image naturalWidth 属性

Obaje Image na DOM na HTML

定义和用法

naturalWidth 属性返回图像的原始宽度。

例如，如果您有一幅最初为 100 像素宽的图像。然后，您使用 CSS/或使用 HTML 的“宽度”属性设置图像的样式，使其宽度成为 500 像素。 naturalWidth 属性将返回 "100"，而 width 属性将返回 500。

提示：请使用 naturalHeight 属性 返回图像的原始高度，或者使用 height 属性 设置或返回图像的 height 属性 的值。

注意：此属性是只读的。

实例

例子 1

返回图像的原始宽度：

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

Daukar ɗanin ɗanin

例子 2

naturalWidth 属性和 width 属性的区别：

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

Daukar ɗanin ɗanin

Ganin

imageObject.naturalWidth

Ƙarfin ɗanin ɗanin

Daga ɗanin ɗanin: Daga ɗanin ɗanin, yana ɗaukar ɗaukar ɗanin ɗanin ɗanin (ta ɗaukar ɗanin ɗanin).

Tukuru ɗanin ɗanin

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Nasara 9.0 Nasara Nasara Nasara

Obaje Image na DOM na HTML