微信小程序开发论坛:解决图片适配问题的实用方法

2024-07-06
来源:网络整理

来源微信小程序开发论坛垂直微信小程序开发交流论坛如果你关注微信小程序有一段时间了,你会发现,小程序中虽然图片的模式非常多,但是在使用过程中,还是会出现一些尴尬的问题。比如:图片很高,但是显示的时候只能看到一个小的缩略图,而且如果不指定宽高的话,默认渲染的时候宽高就是320和240,在视觉设计上会有一些麻烦。在实际开发中,也有很多人问过我这个问题,今天我来聊聊单张图片的适配,多张图片的适配我暂时还没有找到合适的解决办法,以后再讲。自适应宽高的计算> 微信小程序中暴露的功能比较少,但是很有用。官方说明: 图片加载时,发布事件名与事件对象。 = {:'图片高度 px', :'图片宽度 px'}⚠️: 这里的 :'图片高度 px', :'图片宽度 px' 是原始宽高,这给了我们计算的空间。获取图片的原始宽高。获取系统屏幕宽度。将原始宽度与系统屏幕宽度进行比较,以较大的一个为依据进行缩放,实现功能

分享