页面图片放大缩小倍数

最新推荐文章于 2024-06-29 15:08:15 发布

丶会武术的流氓丶

最新推荐文章于 2024-06-29 15:08:15 发布

阅读量1k

点赞数

本文分享了一段用于图片自适应缩放的JavaScript代码，该方法可根据预设宽度自动调整图片大小，保持图片比例不变，适用于网页设计中图片响应式布局需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法放在最上面




function ReSizePic(ThisPic){
    var RePicWidth = 50; //这里修改为您想显示的宽度值
    //============以下代码请勿修改==================================
    var TrueWidth = ThisPic.width;    //图片实际宽度
    var TrueHeight = ThisPic.height;  //图片实际高度
    var Multiple = TrueWidth / RePicWidth;  //图片缩小(放大)的倍数

    ThisPic.width = RePicWidth;  //图片显示的可视宽度
    ThisPic.height = TrueHeight / Multiple;  //图片显示的可视高度
}