微信小程序-图片4种缩放模式
scaleToFill
不保持纵横比缩放图片,使图片的宽高完全拉伸至填满image容器
适用于image容器与图片的宽高比相同的情况。如果宽高比不同,图片就会变形。
aspectFit
保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以将图片完整显示出来
适用于将图片完整显示的场景,如文章详情页的图片。
aspectFill
保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取
该模式下的图片会充满image容器,适用于image容器固定、图片自动缩放的场景,如列表页的图片略缩图。
widthFix
宽度不变,高度自动变化,保持原图宽高比不变
适用于查看长图