js 实现图片等比例缩放实例

发布时间:2019-12-10编辑:脚本学堂
本文介绍了js等比例缩放图片的例子,如何用js将图片等比例实现缩放?js实现图片缩放的方法,通过本实例可以掌握js等比例缩小与放大图片的方法,有需要的朋友参考下。

例子,js等比例缩放图片的代码
 

复制代码 代码示例:
<!--
// 说明:用 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>

举例(js等比例缩放图片 ):
 

复制代码 代码示例:
<img onload="drawimage(this,156,156)" src="<%=rs("upload_pic")%>" title="<%=rs("i_name")%>" alt="<%=rs("i_name")%>"/>