1.前言

ImageSharp是对NetCore平台扩展的一个图像处理方案，网上很多的案例都可以参考。但是这里有一个不算很严重的问题。ImageSharp的一些API不向下兼容，这是一个坑，网上的案例都只是写出了代码示例，但是没有给出ImageSharp的版本。因此本章我将贴出使用的版本。

2.ImageSharp简介

ImageSharp是全新的、全特性、全托管的跨平台2D图像API，其设计目的是允许用户避免使用System.Drawing模块来处理图像。ImageSharp没有原生依赖项，可以安装在任何支持.NET Standard 1.3+的地方，ImageSharp可以在设备，云和嵌入式/物联网场景中使用。

敲黑板！！！

当你选择了.Net6/.NetCore时，您就应该忘记System.Drawing，是的，您应该彻底忘记它。它是一个狡猾的骗子，当您认为它靠谱的时候，它却给你挖了一个坑(可能会导致运行时异常并降低服务性能)。甚至于它的爸爸--微软都鄙视它。

是的，我们用的就是它的替代者ImageSharp。

敲黑板！！！

但是，凡是都有个但是，ImageSharp是商业收费，个人开源的项目，因此当您决定要是使用它用于商业性质项目的时候，请您要购买许可。

好了，言归正传！

3.代码示例

打开Nuget我们搜索SixLabors.ImageSharp.Drawing，并安装到项目FlyingHat.Common，请注意项目所使用版本。

SixLabors.ImageSharp.Drawing2D 多边形操作和绘图库，它依赖于SixLabors.ImageSharp，因此我们不需要再次安装SixLabors.ImageSharp。

我们在项目中如图创建CaptchaHelper验证码帮助类。

由于篇幅问题，本章将使用图片方式解释

注意：一般地，我们在随机一些字母+数字时应该去掉一些易混淆的字符，如：i 、1、l、j、o、0。我们创建两个颜色数组，深颜色的用于绘制文字，浅颜色的用于绘制背景。

3.1使用的字体

为了防止有些系统上缺少字体或绘制字体一直，我们附带了字体。 这些字体各位同学可以自行更换。

敲黑板！！！

重点：看下图，我们要选中所有的字体或依次选择字体，并点击鼠标右键，选择属性选项。按照图中红框修改属性：如果较新则复制或者始终复制。这样在程序运行时会将字体复制到程序运行目录。

字体获取代码示例：

3.2 验证码绘制核心代码示例

思路：GIF图片是一个动态的图片，我们在绘制的时候要将每一个字符绘制成一个小的图片，最后将字符图片组合并绘制到背景图片上。

如图所示：大致的流程，注释已经说明了一切。这里只说一些额外的内容。for循环指的是GIF图片的层数，要几层就循环几次，同时绘制层数多了，那么生成图片的时间就长，消耗资源就会比较大。

需要注意的是 Image是继承了IDisposable，至于IDisposable是什么想必大家都是知道的。因此我们使用Image的使用，使用using 声明一下，那么在使用完毕后，Image会被using自动释放资源。我们在开发中只要使用了IO，那么就必须想到using，否则它会给来个内存溢出给您玩玩。

如图中注释，我们使用随机背景颜色去绘制图片。其中DrawGridLines、DrawGridText两个方法是我们自行实现的扩展方法，所以您不需要在ImageSharp费力的寻找。请看下图将展示这两个方法。

DrawGridLines说明：在绘制干扰线的时候，我们要采用随机坐标位置的方式，DrawLines的参数也很简单：颜色、厚度、坐标点。

DrawGridText说明：该方法是绘制文字扩展方法，在绘制文字时需要注意的是要调整绘制的图片文字大小不要超过背景图，每一步的功能代码中都有注释。需要注意的是DrawImage方法中第二个参数，指的是绘制图片的起始坐标点，一般为左上角。所以这个坐标要仔细设置。

至此，绘制GIF验证码已经完毕。ImageSharp作为一个图形库，您可以用它来绘制验证码、二维码、修改图片、保存图片、绘制矢量图、定位图、海报等等功能。

4.注册验证码服务

在项目FlyingHat.Extensions中创建文件CaptchaService.cs：注入CaptchaHelper请求---结束声明周期内使用同一个对象。

注册CaptchaService:打开项目FlyingHat.Web中的Program.cs写入代码：

builder.Services.AddCaptchaService()

4.1 方法调用

打开LoginController.cs控制器创建获取验证码的方法

  /// <summary>
        /// 获取验证码
        /// </summary>
        /// <returns></returns>
        public IActionResult GetCaptcha()
        {
            var by = captchaHelper.GetGifCodeByte();
          // 返回文件流
            return File(by, "image/gif");
        }

敲黑板！！！

我们在使用之前，需要在构造函数中注入帮助类。

4.2 页面使用

打开登录页在验证码的Img标签中写入方法

 <img src="@Url.Action("GetCaptcha","Login")" class="codeImage" />

@Url.Action("GetCaptcha","Login")会被编译为/Login/GetCaptcha

5. 运行效果

6.结语

本章有些难度，展示了如何创建GIF图片验证码。各位同学在阅读实践过程中有看不懂或有其他想法的可以在评论区留言或者私信。教程有帮助的话请各位同学帮忙评论点赞关注三连，感谢大家！

----------------------------------------------------

私信： 校园图书管理系统 可以获取Gitee的链接