【资源贴】naturalWidth的兼容实现

[zptcsoft]

html5中新增了两个属性来获取图像的实际宽度和高度，分别为naturalWidth和naturalHeight，获取代码如下代码所示。

var realWidth = myimage.naturalWidth;           // 真实图片宽度 
var realHeight = myimage.naturalHeight; //真实图片高度 

需要注意的是，有个前提条件，图片必须完全加载到浏览器中才可以获取。 naturalWidth的浏览器兼容情况参考can i use，目前只有IE9-不支持，我们需要用下列代码实现兼容。

//IE9- 中获取图片实际宽度
function getNatural (DOMelement) {
  var img = new Image();
  img.src = DOMelement.src;
  return {width: img.width, height: img.height};
}