Image naturalWidth 属性

ໂອກາດ Image DOM HTML

定义和用法

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 ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ

ໂອກາດ Image DOM HTML