.Net Core基于ImageSharp实现图片缩放与裁剪

2024-11-01 19:06:23

前言

最近在做博客的时候，需要实现一个类似Lorempixel、LoremPicsum这样的随机图片功能，图片有了，还需要一个根据输入的宽度高度获取图片的功能，由于之前处理图片时使用到了ImageSharp库，所以这次我立刻就想到用它。

分析需求

图片库中的图片基本都是我之前收集的壁纸什么的，尺寸参差不齐，有横屏的也有竖屏

然后包装成接口只需要输入宽度和高度，就能随机选一张图片然后进行缩放或者裁剪

我的思路是：

横屏图片，将高度调整到与输入高度一致，宽度按比例调整
竖屏图片，将宽度调整到与输入高度一致，高度按比例调整

然后再选取中间部分进行截取

当然还有特殊情况，就是输入的宽度和高度超过图片原来高度宽度的情况，这个只能破坏图片原有的比例，强行进行拉伸~

PS：本来想画个图表达一下思路，不过没找到趁手的画图工具（Draw.io：不要看我）

实现

首先读取图片

很简单，传入图片路径即可

当然也可以用流的方式读取

using var image = Image.Load("imagePath");

然后就是根据图片的大小各种情况来进行缩放和裁剪

在网上查到的很多博客用的代码都是类似image.Resize和image.Crop之类的，但这是旧版的ImageSharp代码

新版全都放在image.Mutate里，要什么操作再传入lambda表达式

（有点像ORM的操作）

比如缩放就是这样

image.Mutate(a => a.Resize(newWidth, newHeight));

裁剪就是这样

image.Mutate(a => a.Crop(new Rectangle(x, y, width, height)));

完整代码

功能很简单，完整代码在此

void GetImage(string imagePath, int width, int height) {
    using var image = Image.Load(imagePath);
    Rectangle cropRect;
    int newWidth;
    int newHeight;

    // 横屏图片
    if (image.Width > image.Height) {
        if (width > image.Width) {
            newWidth = width;
            newHeight = height;
        }
        else {
            newHeight = height;
            newWidth = image.Width / image.Height * newHeight;
        }

        cropRect = new Rectangle((newWidth - width) / 2, 0, width, height);
    }
    // 竖屏图片
    else {
        if (height > image.Height) {
            newWidth = width;
            newHeight = height;
        }
        else {
            newWidth = width;
            newHeight = newWidth * image.Height / image.Width;
        }

        cropRect = new Rectangle(0, (newHeight - height) / 2, width, height);
    }

    image.Mutate(a => a.Resize(newWidth, newHeight));
    image.Mutate(a => a.Crop(cropRect));
    image.SaveAsPng("output.png");
}

参考资料

随机图片网站：https://picsum.photos/
.Net Core如何使用ImageSharp进行图片的生成：https://www.jb51.net/article/251917.htm
https://stackoverflow.com/questions/63639644/how-load-an-image-from-disk-and-save-to-a-stream-using-imagesharp-while-preservi

到此这篇关于.Net Core基于ImageSharp实现图片缩放与裁剪的文章就介绍到这了。希望对大家的学习有所帮助，也希望大家多多支持我们。

ASP.NET MVC使用JCrop上传并裁剪图片

JCrop用来裁剪图片,本篇想体验的是: 在视图页上传图片: 上传成功,跳转到另外一个编辑视图页,使用JCrop对该图片裁剪,并保存图片到指定文件夹: 裁剪成功后,在主视图页显示裁剪图片: 当然,实际项目中最有可能的做法是:在本页上传.裁剪并保存. 思路在上传图片视图页,把图片上传保存到一个临时文件夹Upload 在编辑裁剪视图页,点击"裁剪"按钮,把JCrop能提供的参数,比如宽度.高度.离顶部距离,离底部距离,离左右端距离等封装成类,传递给控制器方法控制器方法根据接收到的参数,
.net实现裁剪网站上传图片的方法

本文实例讲述了基于.net实现裁剪网站上传图片的方法.由于客户端Javascript不能操作文件,所以只能先上传图片再在服务器端剪切. 1.上传图片 2.Javascript剪切图片(其实只是选取要剪切的部分) 3.服务器端剪切 (1)在页面的cs文件中剪切.须放几个隐藏控件以便回传js选取的坐标. 其中剪切图片源码如下: using System; using System.Collections.Generic; using System.Text; using System.Drawi
基于asp.net实现图片在线上传并在线裁剪功能

1.说明接上一篇文章asp.net uploadify实现多附件上传功能完成后,又突然用到头像上传并在线裁剪.在网上找个众多例子都没有符合要求的,有一篇文章写的不错,Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包),大家可以看下 2.组成首先说明一下代码实现所用到的技术,仅供参考: 开发工具:vs2010 目标框架:.NET Framework3.5 jcrop:Jcrop.js v0.9.12 Uploadify:uploadify-v3.1 Jquery:jquery-1.9
Asp.Net平台下的图片在线裁剪功能的实现代码(源码打包)

1.前台展现实现网上找到这个jquery.Jcrop,稍看了下,发现它提供的效果完全能满足项目需求. 官方网址:http://deepliquid.com/content/Jcrop.html,感兴趣的朋友可去看看. 页面先引用相关样式和脚本: 复制代码代码如下: <link href="Styles/jquery.Jcrop.css" rel="stylesheet" type="text/css" /> <script
ASP.NET简单好用功能齐全图片上传工具类（水印、缩略图、裁剪等）

使用方法: UploadImage ui = new UploadImage(); /***可选参数***/ ui.SetWordWater = "哈哈";//文字水印 // ui.SetPicWater = Server.MapPath("2.png");//图片水印(图片和文字都赋值图片有效) ui.SetPositionWater = 4;//水印图片的位置 0居中.1左上角.2右上角.3左下角.4右下角 ui.SetSmallImgHeight = &quo
.Net Core基于ImageSharp实现图片缩放与裁剪

前言最近在做博客的时候,需要实现一个类似Lorempixel.LoremPicsum这样的随机图片功能,图片有了,还需要一个根据输入的宽度高度获取图片的功能,由于之前处理图片时使用到了ImageSharp库,所以这次我立刻就想到用它. 分析需求图片库中的图片基本都是我之前收集的壁纸什么的,尺寸参差不齐,有横屏的也有竖屏然后包装成接口只需要输入宽度和高度,就能随机选一张图片然后进行缩放或者裁剪我的思路是: 横屏图片,将高度调整到与输入高度一致,宽度按比例调整竖屏图片,将宽度调整到与输入高
php初学者教程之图片缩放和裁剪

php程序中改变图片大小的函数大多数人都想到用imagecopyresized(),不过经过测试比较发现,使用imagecopyresampled()改变的图片质量更高. 1.imagecopyresampled的使用 1.目标函数资源 2.源图像资源<要采样的图片资源> 3.x(0,0指图左上角) 4.y(x,y确定一个坐标,坐标确定了把采样的部分放到目标图像资源的位置) 5.源x(0,0指图右上角) 6.源y(源x与源y确定一个坐标,你要采用的原图像资源的某个部分的起始位置) 7.w 8.
php使用imagick模块实现图片缩放、裁剪、压缩示例

PHP 使用Imagick模块缩放,裁剪,压缩图片包括gif图片缩放裁剪复制代码代码如下: /** * 图片裁剪 * 裁剪规则: * 1. 高度为空或为零按宽度缩放高度自适应 * 2. 宽度为空或为零按高度缩放宽度自适应 * 3. 宽度,高度到不为空或为零按宽高比例等比例缩放裁剪默认从头部居中裁剪 * @param number $width * @param number $height */ public function
基于jquery实现图片相关操作（重绘、获取尺寸、调整大小、缩放）

本文为大家分享了四个jquery图片常见操作,供大家参考,具体内容如下 1.关于图片大小的重绘,你可以在服务端来实现,也可以通过JQuery在客户端实现. $(window).bind("load", function() { // IMAGE RESIZE $('#product_cat_list img').each(function() { var maxWidth = 120; var maxHeight = 120; var ratio = 0; var width = $(
基于Android 实现图片平移、缩放、旋转同时进行

前言之前因为项目需求,其中使用到了图片的单击显示取消,图片平移缩放功能,昨天突然想再加上图片的旋转功能,在网上看了很多相关的例子,可是没看到能同时实现我想要的功能的. 需求: (1)图片平移.缩放.旋转等一系列操作后,图片需要自动居中显示. (2)图片旋转后选自动水平显示或者垂直显示 (3)图片在放大缩小的同时都能旋转 Demo实现部分效果截图 Demo主要代码 Java MainActivity.java package com.practice.noyet.rotatezoomimagev
基于jQuery实现图片推拉门动画效果的两种方法

''推拉门''动效也可以称作"手风琴"效果,大多数效果实现的思路基本是一样的,下面介绍两种方法,一种是通过改变图片的偏移位置实现移动,另一种是通过遍历背景图片后改变图片的宽度实现变换. 实现方法一:改变图片宽度 html+css代码 <body> <div class="box"> <ul>  <li&g
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone.iPad.黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品. 为谁而用让移动站点的相册体验和原生App一样的设计师和开发者. 绝佳特性 PhotoSwipe提供给用户一个熟悉又直观的相册交互界面. 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/P
c#图片缩放图片剪切功能实现(等比缩放)

所谓c#图片处理高级应,多数是基于.net framework类库完成复制代码代码如下: using system;using system.collections.generic;using system.text;using system.io;using system.drawing;using system.drawing.drawing2d;using system.drawing.imaging; namespace wujian.common{ /// <summary>
Android控件实现图片缩放功能

1 简介先来一张效果图 TIM图片.gif 上图中灰色的一块是ImageView控件,ImageView中的图片进行左右上下移动,以及双指缩放. 对于android控件的缩放移动,点这里----android控件的缩放,移动 2 使用步骤布局layout <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.
SwiftUI图片缩放、拼图等处理教程

目录前言 1.图片缩放 2.图片拼图 3.图片操作方法 4.示例代码 5.结尾前言采用SwiftUI Core Graphics技术,与C#的GDI+绘图类似,具体概念不多说,毕竟我也是新手,本文主要展示效果图及代码,本文示例代码需要请拉到文末自取. 1.图片缩放完全填充,变形压缩将图像居中缩放截取等比缩放上面三个效果,放一起比较好对比,如下原图 - 完全填充,变形压缩 - 居中缩放截取 - 等比缩放第1张为原图第2张为完全填充,变形压缩第3张为图像居中缩放截取第4张为等

.Net Core基于ImageSharp实现图片缩放与裁剪

前言

分析需求

实现

完整代码

参考资料

相关推荐

随机推荐