小程序中图片组件image的坑

22 阅读1分钟

简单介绍小程序组件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 不缩放图片 只显示图片右下边区域