JavaScript DOM Image 对象 naturalWidth 属性

  • Image 对象 naturalWidth 属性

    naturalWidth属性返回图像的原始宽度。例如,如果您的图像最初为200像素宽。然后,使用CSS或使用HTML“width”属性为图像设置样式,使其宽500像素。naturalWidth属性将返回“200”,但 width属性将返回500。
    提示:使用naturalHeight属性返回图像的原始宽度,或使用width属性设置或返回图像的width属性的值。
    注意:此属性是只读的。
    返回图像的原始宽度:
    var x = document.getElementById("myImg").naturalWidth;
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    naturalWidth
    9.0+
    支持
    支持
    支持
    支持
  • 语法

    返回naturalWidth属性:
    ImageObject.naturalWidth
  • 技术细节

    项目 描述
    返回值 一个数字,表示图像的原始宽度(以像素为单位)
  • 更多例子

    naturalWidth属性和width属性之间的区别:
    var x = document.getElementById("myImg").naturalWidth;
    var y = document.getElementById("myImg").width;
    尝试一下