图片给定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 }] |
根据getImageInfo获得的宽高计算比例，然后看是根据宽或高进行缩放则缩放后宽高中的一项已知，再根据比例计算另一项好了
createSelectorQuery()