博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片等比例压缩 ---已经测试 好用----图片加载完成以后再进行缩放
阅读量:5149 次
发布时间:2019-06-13

本文共 786 字,大约阅读时间需要 2 分钟。

//图片等比例压缩

 

    var scaleImage = function (w, h, o) {
        var img = new Image();
        //img.height=$("#imgBig").height();
        //img.width=$("#imgBig").width();
        img.src = o.src;
        if (img.width > 0 && img.height > 0) {
            if (img.width / img.height >= w / h) {
                if (img.width > w) {
                    o.width = w;
                    o.height = (img.height * w) / img.width;
                } else {
                    o.width = img.width;
                    o.height = img.height;
                }
                o.alt = img.width + "x" + img.height;
            } else {
                if (img.height > h) {
                    o.height = h;
                    o.width = (img.width * h) / img.height;
                } else {
                    o.width = img.width;
                    o.height = img.height;
                }
                o.alt = img.width + "x" + img.height;
            }
        }
    }

 

 

 //图片加载完成以后再进行缩放

            document.getElementById("imgBig").onload = function () {

            //调用图片压缩

                scaleImage(734, 450, document.getElementById("imgBig"));
                          }

转载于:https://www.cnblogs.com/kaixinmenghuan/p/3146380.html

你可能感兴趣的文章
C语言进阶——const 和 volatile 分析09
查看>>
字符串的查找删除
查看>>
NOI2018垫底记
查看>>
快速切题 poj 1002 487-3279 按规则处理 模拟 难度:0
查看>>
Codeforces Round #277 (Div. 2)
查看>>
一步步学Mybatis-搭建最简单的开发环境-开篇(1)
查看>>
微信小程序图片上传
查看>>
【更新】智能手机批量添加联系人
查看>>
NYOJ-128前缀式计算
查看>>
centos6.7 配置外网端口映射
查看>>
淡定,啊。数据唯一性
查看>>
深入理解 JavaScript 事件循环(一)— event loop
查看>>
Hive(7)-基本查询语句
查看>>
Redis快速入门
查看>>
注意java的对象引用
查看>>
C++ 面向对象 类成员函数this指针
查看>>
inline函数的总结
查看>>
Python字符编码
查看>>
leetcode 49. 字母异位词分组(Group Anagrams)
查看>>
NSPredicate的使用,超级强大
查看>>