图片等比例缩放

 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;

 

上一篇:C#实现放大镜


下一篇:图片点击放大