限制图片显示的尺寸

最新推荐文章于 2023-01-04 16:42:23 发布

诸葛苍穹

最新推荐文章于 2023-01-04 16:42:23 发布

阅读量697

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/u012260672/article/details/50365748

javaScript 专栏收录该内容

131 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的图片尺寸自适应调整方法，该方法可以限制图片的最大宽度和高度，确保图片在不同分辨率的屏幕上都能保持合适的显示尺寸。

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

/**
 * 限制图片显示的size.
 * 
 * @param thisobj 图片组件
 * @param limitW 限制宽度大小
 * @param limitH 限制高度大小
 */
function imageResize(thisobj, limitW, limitH) {
    var newW;
    var newH;
    if (thisobj.width > limitW) {
        newW = limitW;
        newH = parseInt(thisobj.height * newW / thisobj.width);// 按宽度比例缩放
        if (newH > limitH) {
            newH = limitH;
            newW = parseInt(thisobj.width * newH / thisobj.height);
        }
        thisobj.width = newW;
        thisobj.height = newH;
    } else if (thisobj.height > limitH) {
        newH = limitH;
        newW = parseInt(thisobj.width * newH / thisobj.height);
        thisobj.width = newW;
        thisobj.height = newH;
    }
}