为了控制最终的显示效果,防止图片拉伸为用户带来不好的视觉效果,我们对图片组件增加了缩放控制,可以控制图片在容器中的显示缩放级别
1. 填充(在容器中100%显示,图片会在容器设置高度的场景下进行拉伸)
2. 保证长边显示,短边留白(保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来)
3. 保证短边显示,长边截断(保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取)
最终的显示效果如下:
填充
保证长边显示,短边留白
保证短边显示,长边截断