[年会抽奖]调试头像尺寸

zouyang0921
1 parent bfd3b718
Showing 1 changed file with 30 additions and 2 deletions
mobile.js
@@ -169,9 +169,37 @@ var action = {
         var width = $(dom).width();
         var img = new Image();
         img.src = src; // 改变图片的src
-        console.log('img: ', img);
         $(dom).on('load', function() {
-            console.log('dom--onload');
+            var imgWidth = $(dom).width();
+            var imgHeight = $(dom).height();
+            console.log('dom--onload: ', $(dom));
+            console.log('width: ' + imgWidth);
+            console.log('height: ' + imgHeight);
+            var ratio = imgWidth / imgHeight;
+            if (ratio > 1) {
+                imgHeight = width;
+                imgWidth = width * ratio;
+                var margin = (imgWidth - width) / 2;
+                $(dom).css({
+                    width: imgWidth + 'px',
+                    height: imgHeight + 'px',
+                    'margin-left': -margin + 'px'
+                });
+            } else if (ratio < 1) {
+                imgWidth = width;
+                imgHeight = width / ratio;
+                var margin = (imgHeight - width) / 2;
+                $(dom).css({
+                    width: imgWidth + 'px',
+                    height: imgHeight + 'px',
+                    'margin-top': -margin + 'px'
+                });
+            } else {
+                $(dom).css({
+                    width: width + 'px',
+                    height: width + 'px'
+                });
+            }
         });
         if (img.complete) { // 判断是否有缓存
             console.log('img complete');