图片javascript缩小

最新推荐文章于 2024-07-15 03:33:16 发布

weixin_30757793

最新推荐文章于 2024-07-15 03:33:16 发布

阅读量240

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yjung/p/5672408.html

本文提供了一段JavaScript代码，用于实现图片的自适应缩放功能。该代码通过判断图片原始尺寸与目标尺寸的比例，调整图片显示大小，确保图片在不同分辨率下都能完整展示且不失真。

function SetSize(obj, width, height) 
{ 
myImage = new Image(); 
myImage.src = obj.src; 
if (myImage.width>0 && myImage.height>0) 
{ 
var rate = 1; 
if (myImage.width>width || myImage.height>height) 
{ 
if (width/myImage.width<height/myImage.height) 
{ 
rate = width/myImage.width; 
} 
else 
{ 
rate = height/myImage.height; 
} 
} 
if (window.navigator.appName == "Microsoft Internet Explorer") 
{ 
obj.style.zoom = rate; 
} 
else 
{ 
obj.width = myImage.width*rate; 
obj.height = myImage.height*rate; 
} 
} 
} 

用法： 


<img src="img/offer/41936519.jpg" border="0" style="zoom: 0.1" onload="SetSize(this, 80, 60)"/>

转载于:https://www.cnblogs.com/yjung/p/5672408.html