JS控制图片等比例缩放的示例代码_Javascript教程-查字典教程网
JS控制图片等比例缩放的示例代码
JS控制图片等比例缩放的示例代码
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functionDrawImage(ImgD,FitWidth,FitHeight){varimage=newImage(...

复制代码 代码如下:

<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教程学习
    热门Javascript教程学习
    编程开发子分类