图片给定mode='aspectFit'。如果获取缩放后的宽高?
图片给定mode=‘aspectFit’。如果获取缩放后的宽高?
选择图片后
wx.getImageInfo({ src: res.tempFilePaths[0], success(res){ res.width, res.height } }) |
这个是图片的原始宽高。如何获取缩放的图片宽高呢?
----------------------2019年8月15日14:01:32----------------------
感谢 思男 回复。但是并没有达到我想要的。麻烦再指点一下
页面标签
< image src = "{{ img }}" style = "width:100%;height:800rpx;" id = "imageDom" mode = 'aspectFit' /> |
获取DOM代码
const imageDom = wx.createSelectorQuery(); imageDom.select( '#imageDom' ).boundingClientRect() imageDom.selectViewport().scrollOffset() imageDom.exec( function (res) { console.log(res[0].top ); console.log(res[0].width); console.log(res[0].height); }) |
获取到的DOM数据 这里得到的数据只是image标签的宽高。我想得到缩放后图片的宽高
[ { "id" : "imageDom" , "dataset" :{ }, "left" :0, "right" :320, "top" :0, "bottom" :341, "width" :320, "height" :341 }, { "id" : "" , "dataset" :{ }, "scrollLeft" :0, "scrollTop" :0, "scrollWidth" :320, "scrollHeight" :456 } ] |