html中,有什么方法或标签能让图片大小自动按设定放大缩小的?
发布网友
发布时间：2022-05-10 18:46
共1个回答
热心网友
时间：2022-04-20 13:59
使用javascript，根据你的设定设置img大小，这里有个例子：
function AutoResizeImage(maxWidth,maxHeight,objImg){var img = new Image();
img.src = objImg.src;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width;
var h = img.height;
if(w > maxWidth){ //判断宽度大于可视化的情况
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;
}
}
以上是js的方法
下面这个是引用的img
<img id="lc_div" src="图片路径" onload="AutoResizeImage(500,500,this)" />
