图片给定mode='aspectFit'。如果获取缩放后的宽高?
发布于 8 年前 作者 xiulan72 5694 次浏览 来自 官方Issues

图片给定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
    }
]
1 回复

createSelectorQuery()

回到顶部