zoukankan      html  css  js  c++  java
  • Js动态设置Img大小

        function ResizePic() {
            $('img').each(function () {
                var maxWidth = 450; // 图片最大宽度
                var maxHeight = 750;    // 图片最大高度
                var ratio = 0;  // 缩放比例
                var width = $(this).width();    // 图片实际宽度
                var height = $(this).height();  // 图片实际高度

                // 检查图片是否超宽
                if (width > maxWidth) {
                    //计算缩放比例
                    ratio = maxWidth / width;
                    $(this).css("width", maxWidth); // 设定实际显示宽度
                    height = height * ratio;    // 计算等比例缩放后的高度
                    $(this).css("height", height);  // 设定等比例缩放后的高度
                }

                // 检查图片是否超高
                if (height > maxHeight) {
                    ratio = maxHeight / height;
                    $(this).css("height", maxHeight);   // 设定实际显示高度
                    width = width * ratio;    // 计算等比例缩放后的高度
                    $(this).css("width", width * ratio);    // 设定等比例缩放后的高度
                }
            });

        }

  • 相关阅读:
    iOS 网络优化--页面返回的时候取消网络请求
    iOS 内存管理
    realm数据库使用
    KNN 算法分类电影类型
    sklearn库学习之01
    Python 生成4位验证码图片
    Python——读写Excel文件
    KNN--用于手写数字识别
    Python基础学习-'module' object has no attribute 'urlopen'解决方法
    swift_通知的使用
  • 原文地址:https://www.cnblogs.com/leon719/p/3977940.html
Copyright © 2011-2022 走看看