image的mode属性

属性名 说明
scaleToFill 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满image元素==> 图片会被拉伸变形, 但不会截取。
aspectFit 保持纵横比缩放图片、使图片的长边能够完全展示出来==> 完整地将图片展示出来、图片不会变形、内容会在容器内居中显示,留给图片的位置是不变的。
aspectFill 缩放模式、保持纵横比缩放图片、只保证图片的短边能够展示出来==> 图片在水平or垂直方向是完整的, 另一个将会发生截取、即会被截取。
widthFix 缩放模式、保持原有图片宽高比,宽度不变高度自动变化==> 图片可完全展示出来 高度会跟着图片的比例进行拉伸、一起被撑起来了。
heightFix 缩放模式、高度不变==> 图片可完全展示出来, width设置了也不生效 会发现设置了width也是不生效的。
Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐