微信小程序商品图片失真解决
在微信小程序的开发过程中,我们会遇到不同尺寸的图片,在容器大小规定的情况下,如果不对图片进行处理,会造成图片拉伸失真如果图片容器为1:1,图片比例为2:1mode未设置,也就是默认的(不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素)这个不保持缩放比例,就可以看出宽度被压缩了一般,图片明显失真而将mode改为 aspectFill (缩放模式,保持纵横比缩放图片,...
·
在微信小程序的开发过程中,我们会遇到不同尺寸的图片,在容器大小规定的情况下,如果不对图片进行处理,会造成图片拉伸失真
如果图片容器为1:1,图片比例为2:1
mode未设置,也就是默认的(不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素)
这个不保持缩放比例,就可以看出宽度被压缩了一般,图片明显失真
而将mode改为 aspectFill (缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。)
不同的比例用不同的mode来适配
更多推荐
已为社区贡献1条内容
所有评论(0)