js 实现图片等比例缩放实例
发布时间：2015-07-06 编辑：jiaochengji.com
本文介绍了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>
// 说明：用 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")%>"/>
您可能感兴趣的文章：
js 实现图片等比例缩放实例
js等比例缩放图片示例
等比例缩小图片尺寸的js代码
js动态获取图片width与height 等比例缩放的代码
js等比例缩放图片的实现方法
js等比例缩小图片尺寸的例子
js结合css实现图片自动等比例缩小且垂直居中的代码
php按比例计算图片大小的代码
php等比例缩放图片的示例参考
Js 图片等比例缩小的实现代码
上一篇：js等比例缩放图片的实现方法
下一篇：js漂浮广告代码示例
[关闭]