zoukankan      html  css  js  c++  java
  • JS等比例缩放图片

    function DrawImage(ImgD, iwidth, iheight) {
                
    var image = new Image();
                image.src 
    = ImgD.src;
                
    if (image.width > 0 && image.height > 0) {
                    flag 
    = true;
                    
    if (image.width / image.height >= iwidth / iheight) {
                        
    if (image.width > iwidth) {
                            ImgD.width 
    = iwidth;
                            ImgD.height 
    = image.height * iwidth / image.width;
                        } 
    else {
                            ImgD.width 
    = image.width;
                            ImgD.height 
    = image.height;
                        }
                        ImgD.alt 
    = image.width + "×" + image.height;
                    }
                    
    else {
                        
    if (image.height > iheight) {
                            ImgD.height 
    = iheight;
                            ImgD.width 
    = image.width * iheight / image.height;
                        } 
    else {
                            ImgD.width 
    = image.width;
                            ImgD.height 
    = image.height;
                        }
                        ImgD.alt 
    = image.width + "×" + image.height;
                    }
                }
            }

     优化以后

    function DrawImage(ImgD, iwidth, iheight) {
                var image = new Image();
                image.src = ImgD.src;
                if (image.width > 0 && image.height > 0) 
                {             
                    if (image.width / iwidth  > image.height / iheight) {
                        if (image.width > iwidth) 
                        {
                            ImgD.width = iwidth;
                            ImgD.height = image.height * iwidth / image.width;
                        } else 
                        {
                            ImgD.width =  iwidth;
                            ImgD.height = image.height * image.width / iwidth;
                        }                    
                    }
                    else if(image.width / iwidth  < image.height / iheight)
                    {
                        if (image.height > iheight) 
                        {
                            ImgD.height = iheight;
                            ImgD.width = image.width * iheight / image.height;
                        } else 
                        {
                            ImgD.height= image.width;
                            ImgD.width = image.width * image.height / iheight
                        }                   
                    }else
                    {
                        ImgD.width = iwidth;
                        ImgD.height = iheight;
                    }
                }
            }

     

  • 相关阅读:
    基于CSS 和JS的网页SELECT下拉框美化,JQUERY 插件
    ini文件读写
    Hibernate 表关系描述之OneToMany
    Hibernate 表关系描述之ManyToMany
    Hibernate 初识
    Hibernate 表关系描述之OneToOne
    Struts配置文件初解
    Hibernate 初识(补充)
    struts 学习之04 "模型"
    (Struts)Action类及其相关类
  • 原文地址:https://www.cnblogs.com/mxw09/p/2054802.html
Copyright © 2011-2022 走看看