微信小程序获取图片的宽高,计算宽高比，image图片的bindload，image的wx.getImageInfor_微信小程序获取图片宽高

作者：笔触狂放9 | 2024-06-05 06:12:04

踩

微信小程序获取图片宽高

1.背景

在某系场景下可能会需要获取图片的宽高，例如做楼盘相关的，楼栋分布，一张底图，然后每个楼栋号在不同页面的具体位置，就需要通过定位来实现。不能保证每一张楼栋分布底图的宽高比都一样，此时就须算出宽高比从而得到位置。

2.思路

2.1思路一：通过 wx.getImageInfo 方法，只需要一个图片的地址，就能获取图片的信息，这张图片的域名须在当前小程序中配置合法域名，必须为https协议，否则不能使用该方法。（所以说该方法有局限性，当如果解决以上局限性，使用起来也比较方便），下边例子来自官网，各个参数含义也可参考官网，可以看下效果。

2.1.1wxml


<view class="weui-panel">
  <view class="weui-panel__hd"></view>
  <view class="weui-panel__bd"&

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/675168