等比例缩放图片js

最新推荐文章于 2024-07-30 12:00:00 发布

朝钱奔

最新推荐文章于 2024-07-30 12:00:00 发布

阅读量326

点赞数 1

分类专栏： asp.net 文章标签： jquery js

本文链接：https://blog.csdn.net/hongjunhehongfang/article/details/42239411

版权

asp.net 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

$(function() {
var maxWidth = 800;
var maxHeight = 600;
var img = new Image();
var thisImg = $('#mainImg');
img.src =thisImg.attr("src") ;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth == 0 && maxHeight == 0) {
Ratio = 1;
} else if (maxWidth == 0) {//
if (hRatio < 1) Ratio = hRatio;
} else if (maxHeight == 0) {
if (wRatio < 1) Ratio = wRatio;
} else if (wRatio < 1 || hRatio < 1) {
Ratio = (wRatio <= hRatio ? wRatio : hRatio);
}
if (Ratio < 1) {
w = w * Ratio;
h = h * Ratio;
}
thisImg.height = h;
thisImg.width = w;
thisImg.show();
});