- Image组件显示图像,图片默认大小为320px*240px,假如要显示的图像宽度大于或小于320,都会被拉伸成320,使得图片变现。
例1:
例2:
- 可以设置mode="widthFix"来限定,缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。即宽度是还是320,高度根据原图的宽高比来自动设定
- 对于图像宽度本身就小于320的图像显示,仍然会被拉伸到320
- 解决办法1:当图片载入完毕时触发的事件bindload中,获取图像宽度,把默认的320宽度设置成真实宽度。高度仍然用mode="widthFix"来自动转换
.wxml文件
<image show-menu-by-longpress src="{ {OrgImage}}" mode="widthFix"