JS控制图片等比例缩放的代码-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

JS控制图片等比例缩放的代码

你的风向标 2014-04-06 08:57:10 6507
用js实现图片等比例缩放,一例(js等比例缩放图片 http://www.jbxue.com/article/19127.html)的代码。
1,js代码部分
<SCRIPT language="JavaScript">  
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;    
            }    
        }    
    }    
}    
  
</script>


调用方法:
<a href="admin/<? echo $rscase['path']?>" target="_blank"><img src="admin/<? echo $rscase['path']?>" alt="点击放大图片" width="180" height="180" onload='javascript:DrawImage(this,180,);' hspace="3" vspace="3" border="0" /></a>
JavaScript 前端开发
分享到
取消 提交回答
全部回答(1)
  • 随歌
    2014-08-24 11:30:43
    发现有很多类似的帖子,能做个合集么?或者做成一个脚本调用的工具?
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程