图片自动按比例缩放函数

慕钦。

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

阅读量241

点赞数 1

文章标签：前端 javascript

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

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

版权

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

具体函数如下

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
    };
};