简单介绍小程序组件image的使用
图片本身是有一个默认的宽和高的,默认的宽度是300px,高度是240px.
image的属性
src属性是指的图片地址
mode属性有13种模式,4种缩放模式,9种裁剪模式。
scaleToFill 表示的是不保持纵向和横向的比例,直接去拉伸图片。
aspectFit 保持纵横比,完整的将图片显示出来。
aspectFill 保持图片的端边显示出来,长的一边可能会被裁剪。
widthFix 宽度不变,高度自适应。保持原宽高的比例
top 不缩放图片只显示图片的顶部区域
bottom 不缩放图片只显示图片的底部区域
left 不缩放图片只显示图片的左边区域
right 不缩放图片 只显示图片的右边区域
top left 不缩放图片 只显示图片的左上方区域
top right 不缩放图片 只显示图片的右上方区域
bottom left 不缩放图片 只显示图片的左下边区域
bottom right 不缩放图片 只显示图片右下边区域