js在图像缩放后获得实际的高度、位置和其他信息。

在项目中遇到了确定图片实际大小大小的问题。图片可以缩放，所以实际显示的宽度和高度不能通过公共的宽度和高度来获得。

百度还没有在互联网上找到一个大圈子，今天早上有2种方便的方法可以找到答案：

object.getclientrects（）；和object.getboundingclientrect（）；

你可以很容易地得到当前元素的绝对位置（无scrollLeft和scrollTop，添加个别）和显示元素的实际高度。

getclientrects和getboundingclientrect之间的差异

getclientrects返回一组textrectangle，这是textrectanglelist对象。

textrectangle getboundingclientrect返回一个对象，而且即使有DOM中的任何文本，它可以返回到TextRectangle的对象。

浏览器的差异：

除了Safari之外getclientrects和getboundingclientrect Firefox2.0支持所有浏览器，

Firefox 3.1增加了宽度和高度的TextRectangle。

IE和非IE浏览器在使用getclientrects有所不同，和IE有广泛的textrectanglelist。而不是IE，只显示：内联可以textrectanglelist，如我的跨度，等等。

通过测试，至少Chrome 2 + Safari 4 firefox3.5 0pera 9.63 +支持getboundingclientrect方法。

浏览器兼容性的考虑，getboundingclientrect是最常用的，经常用得到的视口坐标的元素。

MDN的详细介绍getboundingclientrect https： / /：开发商Mozilla。org / / / zh CN文件 / / Web API元/ getboundingclientrect
以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！