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;

  尝试一下