最新的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;
试一试»

图像对象参考 图像对象