首页 > 其他 > 详细

图片等比例缩放

时间:2020-11-14 18:38:38      阅读:33      评论:0      收藏:0      [点我收藏+]
 1 // 当前窗口的高度
 2 var windowWidth = parseInt(375);
 3 
 4 // 图片数据
 5 var imgList = [
 6     {
 7         url: ‘1.png‘,
 8         width: 750,
 9         height: 1186
10     },
11     {
12         url: ‘2.png‘,
13         width: 500,
14         height: 1000
15     },
16     {
17         url: ‘3.png‘,
18         width: 400,
19         height: 900
20     }
21 ];
22 
23 // 图片缩放后最大高度
24 var imgHeight = 0;
25 
26 // 限制最大高度
27 var maxHeight = 593;
28 
29 if (imgList.length > 0) {
30     imgHeight = imgList[0].height * (windowWidth / parseInt(imgList[0].width));
31 
32     // 多张图
33     if (imgList.length > 1) {
34         imgList.forEach(function(v) {
35 
36             // 获取图片中最高的值
37             var itemHeight = v.height * (windowWidth / v.width);
38             if (itemHeight > imgHeight) imgHeight = itemHeight;
39         });
40     }
41 }
42 imgHeight = imgHeight > maxHeight ? maxHeight : imgHeight;

 

图片等比例缩放

原文:https://www.cnblogs.com/lxb592/p/13974133.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!