image组件的mode 属性用来指定图片的裁剪和缩放模式,
常用的mode属性值如下:
![](https://www.qianduange.cn/upload/article/0fda9f5a52294c97f8e515e2bddccd06.png)
scaleToFill
(默认值)缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素
![](https://www.qianduange.cn/upload/article/b65700b96bae9849c061e29d373d363d.png)
![](https://www.qianduange.cn/upload/article/f1afd3a0b459f9c60be0c5fbdb931445.png)
aspectFit
缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来
![](https://www.qianduange.cn/upload/article/1606e79b4d453c8865aa3a8cc506eca0.jpeg)
aspectFill
缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取
![](https://www.qianduange.cn/upload/article/a43a2656e37ddd0f0e118624102c2b3b.jpeg)
widthFix
缩放模式,宽度不变,高度自动变化,保持原图宽高比不变
![](https://www.qianduange.cn/upload/article/a5611c14b27ff827d2bff2a5ec88f477.jpeg)
heightFix
缩放模式,高度不变,宽度自动变化,保持原图宽高比不变
![](https://www.qianduange.cn/upload/article/3cea055334db6b3c625da510164a3087.jpeg)