js 获取图像缩放后的实际宽高,位置等信息

项目中遇到图片实际显示尺寸的判定问题,图片可能被缩放过,所以实际显示的宽高无法通过常见的各种width,height拿到在网上百度了一大圈也没有找到,今天早上偶然找到可以轻易获得当前元素的绝对位置和显示出来的实际宽高getClientRects 返回一个TextRectangle集合，就是TextRectangleList对象。ie 和非ie浏览器在使用getClientRects还是有些差别的，ie获取TextRectangleList的范围很大。而非ie获取的范围比较小， 只有display:inline的对象才能获取到TextRectangleList，例如em i span 等标签。通过测试，至少Chrome 2+\Safari 4\Firefox3.5\0pera 9.63+已经支持getBoundingClientRect方法。