首页 > Web开发 > 详细

js自动等比例设置图片尺寸大小

时间:2019-07-21 10:17:43      阅读:79      评论:0      收藏:0      [点我收藏+]
// Img是html中的<img>元素,maxWidth最大宽度,maxHeight最大高度 function imgAutoSize(Img, maxWidth, maxHeight) { var img = new Image(); img.src = imgData.attr("src"); var imgHeight = img.height; // 原图片大小 var imgWidth = img.width; //原图片大小 // 如果图片高度或者宽度大于限定的高度或者宽度则进行等比例尺寸压缩 if (imgHeight > winHeight || imgWidth > winWidth) { // 1.原图片宽高比例 大于等于 图片框宽高比例 if (winWidth/ winHeight <= imgWidth / imgHeight) { imgWidth = winWidth; //以框的宽度为标准 imgHeight = winWidth * (imgHeight / imgWidth); } // 2.原图片宽高比例 小于 图片框宽高比例 if (winWidth/ winHeight > imgWidth / imgHeight) { imgWidth = winHeight * (imgWidth / imgHeight); imgHeight = winHeight ; //以框的高度为标准 } } var imgHtml = "<img src=‘" + img.src + "‘ width=‘" + width + "px‘ height=‘" + height + "px‘ />"; }

js自动等比例设置图片尺寸大小

原文:https://blog.51cto.com/1197822/2421922

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