mode 的默认值是scaleToFill,功能是缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素,就不符合我们所需要的。
我们所需要的保持长宽比不变的是aspectFit和aspectFill。
aspectFit 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。
aspectFill 缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。
参考: