手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS控制图片等比例缩放的示例代码
JS控制图片等比例缩放的示例代码
摘要:复制代码代码如下: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>

【JS控制图片等比例缩放的示例代码】相关文章:

JS显示日历和天气的方法

些很实用且必用的小脚本代码

Javascript随机显示图片的源代码

超强图片数量上传无限制

Jquery实现动态切换图片的方法

JS对字符串编码的几种方式使用

光标定位等TextRange的操作的范例代码

JS函数实现鼠标指向图片后显示大图代码

网页里控制图片大小的相关代码

网页里控制图片大小的相关代码

精品推荐
分类导航