本文介绍了一个在Vue移动端项目中，如何根据图片的长边进行缩放以适应最大宽度和高度限制的方法。通过计算图片的宽高比例，并判断是否超过限制，来确定以宽或高为基准进行缩放，以确保图片展示效果。
//缩放图片
smallImg: function (w, h) {
let maxW = 272, //图片的最大限制宽
maxH = 290, //图片最大限制高
nowW = Number(w), //当前图片宽
nowH = Number(h), //当前图片高
ratio = nowW / nowH, //当前图片宽高比例 >1 宽长 <1 高长 =1正方图
smallRatio = 0, //缩放比例
endW = 0,
endH = 0;
console.log('宽高：', w, h, '宽高比例：', ratio)
if (ratio < 1 && nowH > maxH) {
//以高缩放
smallRatio = nowH / maxH
endW = (nowW / smallRatio) / 2
endH = (nowH / smallRatio) / 2
最低0.47元/天 解锁文章
扫一扫
1052
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
