收藏
回答

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


最后一次编辑于  2019-08-15
回答关注问题邀请回答
收藏

2 个回答

  • 易林haha
    易林haha
    01-26

    根据getImageInfo获得的宽高计算比例,然后看是根据宽或高进行缩放则缩放后宽高中的一项已知,再根据比例计算另一项好了

    01-26
    有用
    回复
  • 思男
    思男
    2019-08-15

    createSelectorQuery()


    2019-08-15
    有用
    回复
登录 后发表内容
问题标签