将图片等比例缩小不影响图片的分辨率

#region 生成缩略图
    /// 
    /// 生成缩略图
    /// 
    /// 传入图片的路径
    private void SaveImage(string filePath)
    {
        string fileName = Path.GetExtension(File1.PostedFile.FileName).ToLower();
        string _filename = DateTime.Now.ToString("yyMMddHHmm");

        System.Drawing.Image image = null, aNewImage = null;

        //下面是生成缩略图 
        int newwidth = 0, newheight = 0;
        image = System.Drawing.Image.FromFile(filePath);
        System.Drawing.Image.GetThumbnailImageAbort callb = new System.Drawing.Image.GetThumbnailImageAbort(ThumbnailCallback);

        //取高和宽   
        int phWidth = image.Width;
        int phHeight = image.Height;

        //设置缩略的宽度和高度
        if (phWidth > 110)
        {
            //指定宽度
            newwidth = 110;
            //根据宽度算出高度
            newheight = phHeight * newwidth / phWidth;
        }
        aNewImage = image.GetThumbnailImage(newwidth, newheight, callb, new System.IntPtr());
        //将缩略图重新命名并保存
        aNewImage.Save(Server.MapPath("~/upload/") + "Avaster_" + DateTime.Now.ToString("yyMMddHHmm") + fileName);
        image.Dispose();
    }

    #endregion
在uni-app中实现图片的等比例缩放通常涉及到对图片的宽度和高度进行控制,以确保图片在不同的屏幕尺寸和分辨率下都能保持原有的宽高比。以下是一个基本的实现思路: 1. 使用CSS样式控制图片尺寸:通过设置图片的CSS样式属性`width`和`height`,可以控制图片的显示尺寸。为了保证图片不失真,通常设置`height`为`auto`,这样图片的高度自动调整以保持原始宽高比。 2. 使用JavaScript动态计算尺寸:在uni-app中,可以根据父容器的尺寸动态计算图片的尺寸,通过计算得到一个最大的宽度或高度,然后按照原始宽高比进行缩放。这样可以确保图片在容器内等比例缩放,不被拉伸或压缩变形。 3. 使用uni-app的API:uni-app提供了`<image>`组件来处理图片,可以使用`mode`属性的`aspectFit`或`aspectFill`值来实现图片的等比例缩放。`aspectFit`保持图片的宽高比,缩放图片以完全适应容器,但可能图片周围留白;而`aspectFill`则缩放图片以填充整个容器,可能裁剪图片的某些部分。 下面是一个简单的CSS样式示例,展示如何通过CSS设置等比例缩放图片: ```css .image-container { width: 300px; /* 容器宽度 */ height: auto; /* 高度自适应 */ } .image-container img { width: 100%; /* 图片宽度占满容器 */ height: auto; /* 高度自适应 */ } ``` 在实际开发中,你可能需要结合具体的布局和需求,使用uni-app提供的组件和API来实现更加复杂的图片比例缩放效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值