fit 缩放形式

fit 缩放形式

  1. fit 缩放形式 对应的是BoxFit是一个枚举
  • contain是默认的形式,图片会在保证图片本身长宽比不变的情况下缩放以适应当前显示空间,图片不会变形。  (全图显示在区域,保证高度,不会被裁剪;但是可能不能铺满显示区域)
  • fill拉伸填充,宽高比例会发生变化,导致图片变形
  • cover 会按图片的长宽比放大后居中填满显示空间,图片不会变形,超出显示空间部分会被剪裁。(可能被裁剪,导致显示非全图;裁剪后的矩形的中心同原中心,即从中间被裁剪显示)

 

 

 

 

 

 

posted @   papering  阅读(32)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
历史上的今天:
2022-09-10 Thread Exception Captured Application Crash Report
2020-09-10 「玩物得志 App」:一家典型的云原生企业,如何在创业早期数次“弯道超车”?
2018-09-10 长度区间校验公共方法,引入棉花糖
2018-09-10 不可见字符
2018-09-10 eval is not a function
2018-09-10 for (const k in v){ 变量作用域
2018-09-10 爬虫站点的历史入库数据,对入库数据的无外网处理,幂等操作;反之,不幂等操作
点击右上角即可分享
微信分享提示