|
image 标签有不同的预览模式。 可以把拍的图片保存至相册,看实际尺寸。
scaleToFill 不保持纵横比缩放图片,使图片完全拉伸至填满元素。
aspectFit 保持纵横比缩放图片,使图片的长边能完全显示出来,即可以完整地将图片显示出来。
aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来,图片的长边部分会发生截取。
widthFix 保持纵横比缩放图片,使图片完全显示出来。元素只需要设置宽度,高度则根据元素宽度和图片宽高比自动变化。
top 不缩放图片,只显示图片的顶部区域。
bottom 不缩放图片,只显示图片的底部区域。
center 不缩放图片,只显示图片的中间区域。
left 不缩放图片,只显示图片的左边区域。
right 不缩放图片,只显示图片的右边区域。
top left 不缩放图片,只显示图片的左上边区域。
top right 不缩放图片,只显示图片的右上边区域。
bottom left 不缩放图片,只显示图片的左下边区域。
bottom right 不缩放图片,只显示图片的右下边区域。 |
|