找到图像正确的宽度和高度

Question

现在我在img的onload函数时得到图像的宽度和高度。我的问题是，图像原始宽度= 500px但document.getElementId（id）.offsetWidth只给出300px和高度。请帮助我如何获得图像的原始宽度和高度

Answer 1

至少Gecko-（Firefox）和基于WebKit（Safari，Chrome）的浏览器应该为图像元素实现属性naturalWidth和naturalHeight：

var image = document.getElementById("imageid");
if (image.naturalHeight === undefined) {
  alert("Your browser doesn't support this example!");
} else {
  var message = "The original size of the image:";
  message += "\n height: " + image.naturalHeight + "px";
  message += "\n width: " + image.naturalWidth + "px";
  alert(message);

}

Answer 2

抱歉，我的浏览器不支持naturalHeight和naturalWidth ..