- scaleToFill:缩放模式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素
- aspectFit:缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来
- aspectFill:缩放模式,保持纵横比缩放图片,使图片的短边能完全显示出来,并且尽可能填满容器
- widthFix:缩放模式,宽度不变,高度自动变化,保持原图宽高比不变
- heightFix:缩放模式,高度不变,宽度自动变化,保持原图宽高比不变
- top:裁剪模式,不缩放图片,只显示图片的顶部区域
- bottom:裁剪模式,不缩放图片,只显示图片的底部区域
- center:裁剪模式,不缩放图片,只显示图片的中间区域
- left:裁剪模式,不缩放图片,只显示图片的左边区域
- right:裁剪模式,不缩放图片,只显示图片的右边区域
- topLeft:裁剪模式,不缩放图片,只显示图片的左上角区域
- topRight:裁剪模式,不缩放图片,只显示图片的右上角区域
- bottomLeft:裁剪模式,不缩放图片,只显示图片的左下角区域
- bottomRight:裁剪模式,不缩放图片,只显示图片的右下角区域
文章来源地址https://www.toymoban.com/news/detail-467856.html
文章来源:https://www.toymoban.com/news/detail-467856.html
到了这里,关于image的mode参数以及详细介绍的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!