图片缩略图生成宽高自适应计算方案类object-fit: contain 2021-12-05

最新推荐文章于 2025-04-02 16:22:58 发布

anywo01

最新推荐文章于 2025-04-02 16:22:58 发布

阅读量612

点赞数 1

分类专栏：作品

本文链接：https://blog.youkuaiyun.com/y1377593732/article/details/121733525

版权

js css css3

作品专栏收录该内容

19 篇文章

订阅专栏

图片缩略图生成宽高自适应计算方案类object-fit: contain

function contain(parms) {
  var whTmp = parms.w / parms.h;
  var owhTmp = parms.ow / parms.oh;
  var toW, toH;
  if (whTmp > owhTmp) {
    toW = parseInt(owhTmp * parms.h);
    toH = parms.h;
  } else if (whTmp <= owhTmp) {
    toW = parms.w;
    toH = parseInt(parms.w / owhTmp);
  }
  return {
    w: toW,
    h: toH
  };
}