mode="aspectFill"

mode 有效值:

mode 有 13 种模式,其中 4 种是缩放模式,9 种是裁剪模式。

模式 值 说明
缩放 scaleToFill 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素
缩放 aspectFit 保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。
缩放 aspectFill 保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。
缩放 widthFix 宽度不变,高度自动变化,保持原图宽高比不变
裁剪 top 不缩放图片,只显示图片的顶部区域
裁剪 bottom 不缩放图片,只显示图片的底部区域
裁剪 center 不缩放图片,只显示图片的中间区域
裁剪 left 不缩放图片,只显示图片的左边区域
裁剪 right 不缩放图片,只显示图片的右边区域
裁剪 top left 不缩放图片,只显示图片的左上边区域
裁剪 top right 不缩放图片,只显示图片的右上边区域
裁剪 bottom left 不缩放图片,只显示图片的左下边区域
裁剪 bottom right 不缩放图片,只显示图片的右下边区域

最新文章

  1. TCP/IP、Http、Socket的区别
  2. 华为acl(traffic-filter)和dhcp管理
  3. Xcode 杂七杂八
  4. jQuery右键菜单contextMenu使用实例
  5. 学习笔记:HSB、HSL
  6. BZOJ2738: 矩阵乘法
  7. windows server 时间同步
  8. what are Datatypes in SQLite supporting android
  9. 层模型--固定定位(position:fixed)
  10. 百度识图API
  11. iOS实践04
  12. WP 前台或后台显示ShellToast
  13. 第10章 使用MySQL数据库
  14. jQuery克隆DOM节点
  15. 折腾Java设计模式之解释器模
  16. Python模块time、datetime
  17. Koa 框架介绍
  18. C#版本与Framework的关系
  19. GO格式化打印
  20. sequelize的get/post方法例子

热门文章

  1. 10.30NOIP集训总结
  2. [jnhs]hibernate只能创建一张/表不创建表com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Table 'kaihu.t_client_info' doesn't exist和org.hibernate.exception.SQLGrammarException: could not execute statement
  3. 获取电脑名和IP地址
  4. selenium(1):python3.6.4+selenium3.0+chrome环境配置
  5. 常用命令3-文件搜索命令1-locate
  6. Spring MVC JSON自己定义类型转换
  7. IDEA 创建文件夹总默认根节点问题解决
  8. SQL注入绕过的技巧总结
  9. 下载安装APK(兼容Android7.0)
  10. 【python小随笔】单例模式设计(易懂版)