zoukankan      html  css  js  c++  java
  • 图片等比例压缩 ---已经测试 好用----图片加载完成以后再进行缩放

    //图片等比例压缩


        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"));
                              }

  • 相关阅读:
    js获取长度,根据编码获取长度
    springcloud(七,多个服务消费者配置,以及zuul网关案例)
    springcloud(六,多个服务提供者)
    springcloud(五,多个服务注册中心eureka)
    jquery根据选择器进行页面赋值,封装赋值方法
    让页面元素无法选中,不能全选
    取消绑定事件
    js设置元素指定时间隐藏
    js手动抛出异常
    php 之 数据访问 查询关键字 (0506)
  • 原文地址:https://www.cnblogs.com/kaixinmenghuan/p/3146380.html
Copyright © 2011-2022 走看看