等比例缩放图片js

来源:互联网 发布:网络视频直播设备 编辑:程序博客网 时间:2024/05/15 01:11
 $(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();
        });
0 0