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
以上是本文的全部内容,希望本文的内容能给大家的学习或工作带来一定的帮助,同时也希望能给予更多的支持!