微信小程序 动态计算图片大小

微信小程序 动态计算图片大小

方法一 使用图片的mode属性

手动计算

1. 给图片绑定事件bind:load，回调函数名为onImgLoad
2. 编写回调函数，width为340是图片容器的宽度

  methods: {
    onImgLoad(event){
      // 图片的高宽数据在event.detail中
      const {width, height} = event.detail
      this.setData({
        w:340,
        h:340/width*height
      })
    }
  }

3. 数据返回给图片

<image bind:load="onImgLoad" style="width:{{w}}rpx;height:{{h}}rpx" src="{{data.img}}"/>