论坛 › Web开发 › 用 JavaScript 实现网页图片等比例缩放

feiyang10086 发表于 2011-12-14 16:35

用 JavaScript 实现网页图片等比例缩放

用 JavaScript 实现网页图片等比例缩放










// 参考文章：http://www.CodeBit.cn

// 图片加载 <img src=""onload="DrawImage(this,限制width最大数字,限制height最大数字)" />function DrawImage(ImgD,FitWidth,FitHeight){
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
      if(image.width/image.height>= FitWidth/FitHeight){
            if(image.width>FitWidth){
                ImgD.width=FitWidth;
                ImgD.height=(image.height*FitWidth)/image.width;
            }
            else{
                ImgD.width=image.width;
                ImgD.height=image.height;
            }
      } else{
      
      if(image.height>FitHeight){
      
            ImgD.height=FitHeight;
            
            ImgD.width=(image.width*FitHeight)/image.height;
      
      }else{
            ImgD.width=image.width;
            ImgD.height=image.height;
      }
   
    }

}

}

向上吧少年 发表于 2011-12-20 16:34

希望于楼主多多交流哦

查看完整版本: 用 JavaScript 实现网页图片等比例缩放