image
html
<image></image>
<image src="/images/1.png" mode="aspectFit"></image>
image组件的model属性
image组件的model属性用来指定图片的裁剪和缩放模式,常用的model属性如下
scaletofill:(默认缩放模式),不保持原有图片的纵横比,使图片的宽高完全拉伸直至填满image元素
aspectFit 保持图片纵横比不变,使图片完全显示出来
aspectFill:保持纵横比例缩放图片,只保证图片的短边能完全显示出来
widthFix:宽度不变,高度自动变化,保持原图比例不变
heightFix:高度不变,宽度自动变化,保持原图比例不变