图片自动按比例缩放函数

慕钦。

已于 2024-07-15 22:32:10 修改

阅读量318

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 javascript

于 2024-04-19 21:25:32 首次发布

本文链接：https://blog.csdn.net/muqin6610/article/details/137978016

文章介绍了一个JavaScript函数，用于根据给定的图片宽度和高度计算缩放后的尺寸，确保图像在150x150像素的最大尺寸内显示，同时保持至少30x30像素的最小尺寸。

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

这个函数是为了实现图片按比例缩放的功能，确保图像在指定的尺寸范围内进行优化显示。

具体函数如下

export const getImgWidthHeight = (imgWidth, imgHeight) => {
    const maxDimension = 150;
    const minDimension = 30;

    let width = Math.min(imgWidth, maxDimension);
    let height = Math.min(imgHeight, maxDimension);

    if (imgWidth > imgHeight && imgWidth > maxDimension) {
        height = (maxDimension / imgWidth) * imgHeight;
    } else if (imgHeight > imgWidth && imgHeight > maxDimension) {
        width = (maxDimension / imgHeight) * imgWidth;
    }

    width = Math.max(width, minDimension);
    height = Math.max(height, minDimension);

    return {
        width,
        height
    };
};

原文链接

图片自动按比例缩放函数