function loadimg(maxWidth,maxHeight,objImg){
var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var w = img.width;
var h = img.height;
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth ==0 && maxHeight==0){
Ratio = 1;
}else if (maxWidth==0){//
if (hRatio<1) Ratio = hRatio;
}else if (maxHeight==0){
if (wRatio<1) Ratio = wRatio;
}else if (wRatio<1 || hRatio<1){
Ratio = (wRatio<=hRatio?wRatio:hRatio);
}
if (Ratio<1){
w = w * Ratio;
h = h * Ratio;
}
objImg.height = h;
objImg.width = w;
}
<img onload="loadimg(800,500,this)" id="target" src="" />
分享到:
相关推荐
图片如果直接限制其高度或宽度,就会使图片变形,失真 这里提供按比例缩放图片解决的这个问题 js文件很小,只有0.5KB 但是这个还有其他方法,就是上传的时候按比例生产缩略图
NULL 博文链接:https://vipshow.iteye.com/blog/1848912
使用一个方法可以等比例缩小你的,让图片不失去原本的效果。
js实现图片等比例缩放 我将网络上流传的,改成了横向居中和纵向居中,非常实用。
在WEB开发中,当指定图片的大小时,会使图片变形,用JS脚本实现图片的按比例缩放.
主要介绍了JS图片等比例缩放方法,结合完整实例形式分析了javascript针对页面图片元素属性操作的相关技巧,需要的朋友可以参考下
按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码.rar按比例缩放图片,JavaScript代码...
js实现的图片等比例缩放,js实现的图片等比例缩放
js各种比例缩小图片
图片缩小时,按照原始图片的比例缩小,不至于缩小导致图片变形! function imgage(ImgD){ var image=new Image(); var iwidth = 400; //定义允许图片宽度 var iheight =450; //定义允许图片高度 image.src=ImgD.src;...
JavaScript实现网页图片等比例缩放 JS效果 JS效果特效 图片等比例缩放
js图片缩放效果制作鼠标滚动图片等比例缩放代码
图片按比例缩放 js图片按比例缩放大小,无需CSS样式
图片缩放 等比例缩放 图片等比例缩放 等比例缩放JS代码 JS代码 WEB网页制作。。
javascript实现图片按比例缩放
js代码按比例图片缩放
图片等比例缩放,jQuery和js的两种图片等比例缩放效果,简单实用。
js图片等比例缩小 js图片等比例缩小 图动态等比例缩小
1--控制一张图片等比例缩放容易 ,不失真 2--控制多张图片切换时每张图片保持等比例缩放,不失真