本文介绍了在微信小程序中获取图片宽高及计算宽高比的两种方法：一是使用`wx.getImageInfo`方法，但需要图片在合法域名下且为HTTPS；二是利用`image`组件的`bindload`事件，更方便地获取图片宽高。推荐使用`bindload`方法，适用于多张图片的情况，尤其在实现楼栋分布等场景中。
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"&
最低0.47元/天 解锁文章
扫一扫
418
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
