js图片等比例缩放

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

 

实例如下:


<div class="type-file-preview">

<img src="<?php echo UPLOAD_SITE_URL."/".ATTACH_ADV."/".$pic;?>" οnlοad="javascript:DrawImage(this,500,500);">

</div>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值