ImageSharp一个专注于NetCore平台图像处理的开源项目

今天大家分享的是一个专注于NetCore平台图像处理的开源项目，老实说为这篇文章取名字想了5分钟，可能是词穷亦或是想更好的表达出这款开源项目的作用；这个项目在图像处理方面有很多功能，如：缩放，裁剪，绘画，组合图片等；今天主要讲的是用她怎么来绘图和生成验证码的实际例子。

简单介绍ImageSharp

试试画两条线（实线和虚线）

生成个缩略图

在图片上画字

制作一个验证码图片

结合RazorPage模板，展示验证码图片

简单介绍ImageSharp

ImageSharp是对NetCore平台扩展的一个图像处理方案，在写下本文为止它最新的nuget下载量为4,034次，作者团队最近一个月刚更新的包；没错这里说最新是因为她前身和之前的版本都很受欢迎下载量也超高；她的git项目地址：https://github.com/SixLabors/ImageSharp。如果您的项目和我一样是2.0版本（2.0以前的略过），那么直接可以通过vs的nuget控制台下载对应的包，注意绘图的话需要分别下载如下两个包：

Install-Package SixLabors.ImageSharp -Version 1.0.0-beta0001

Install-Package SixLabors.ImageSharp.Drawing -Version 1.0.0-beta0001

ImageSharp用法有朋友之前写过，不过都主要针对于之前的版本，本章主要用到的都是最新的，有部分写法可能不相同。

试试画两条线（实线和虚线）

这里将用她来画两条直线并保存成图片，主要起到一个介绍作用，先来看实线如下代码：

View Code
好吧有点多，我们只需要明白她能转base64，stream，保存为图片等就行了；这里我们将用到 SaveAsPng(Stream) 方法，然后获取他的byte[]，如下代码：

/// <summary>
/// 画点+画字=验证码byte[]
/// </summary>
/// <param name="content">验证码</param>
/// <param name="outImgPath">输出图片路径</param>
/// <param name="fontFilePath">字体文件</param>
/// <param name="x">图片宽度</param>
/// <param name="y">图片高度</param>
public byte[] GetValidCodeByte(
string content = "我是神牛",
string fontFilePath = @"D:\F\学习\vs2017\netcore\Study.AspNetCore\WebApp02-1\wwwroot\bak\STKAITI.TTF",
int xx = 150, int yy = 25)
{
var bb = default(byte[]);
try
{
var dianWith = 1; //点宽度
var xx_space = 10;  //点与点之间x坐标间隔
var yy_space = 5;    //y坐标间隔
var wenZiLen = content.Length;  //文字长度
var maxX = xx / wenZiLen; //每个文字最大x宽度
var prevWenZiX = 0; //前面一个文字的x坐标
var size = 16;//字体大小

//字体
var install_Family = new FontCollection().Install(
fontFilePath
//@"C:\Windows\Fonts\STKAITI.TTF"   //windows系统下字体文件
);
var font = new Font(install_Family, size);  //字体

//点坐标
var listPath = new List<IPath>();
for (int i = 0; i < xx / xx_space; i++)
{
for (int j = 0; j < yy / yy_space; j++)
{
var position = new Vector2(i * xx_space, j * yy_space);
var linerLine = new LinearLineSegment(position, position);
var shapesPath = new SixLabors.Shapes.Path(linerLine);
listPath.Add(shapesPath);
}
}

//画图
using (Image<Rgba32> image = new Image<Rgba32>(xx, yy))   //画布大小
{
image.Mutate(x =>
{
var imgProc = x;

//逐个画字
for (int i = 0; i < wenZiLen; i++)
{
//当前的要输出的字
var nowWenZi = content.Substring(i, 1);

//文字坐标
var wenXY = new Vector2();
var maxXX = prevWenZiX + (maxX - size);
wenXY.X = new Random().Next(prevWenZiX, maxXX);
wenXY.Y = new Random().Next(0, yy - size);

prevWenZiX = Convert.ToInt32(Math.Floor(wenXY.X)) + size;

//画字
imgProc.DrawText(
nowWenZi,   //文字内容
font,
i % 2 > 0 ? Rgba32.HotPink : Rgba32.Red,
wenXY,
TextGraphicsOptions.Default);
}

//画点
imgProc.BackgroundColor(Rgba32.WhiteSmoke).   //画布背景
Draw(
Pens.Dot(Rgba32.HotPink, dianWith),   //大小
new SixLabors.Shapes.PathCollection(listPath)  //坐标集合
);
});
using (MemoryStream stream = new MemoryStream())
{
image.SaveAsPng(stream);
bb = stream.GetBuffer();
}
}
}
catch (Exception ex)
{
}
return bb;
}

该方法返回了一个byte[]数组，然后通过HttpGet方式请求Razor接口，前端就能够获取到这个验证码图片byte[]了；

/// <summary>
/// Get获取验证码图片byte[]
/// </summary>
/// <returns></returns>
public FileResult OnGetValidCode()
{
var codebb = GetValidCodeByte(DateTime.Now.ToString("mmssfff"));
return File(codebb, "image/png");
}

我们通过get请求获取验证码： http://localhost:1120/login?handler=ValidCode ，然后得到如图效果：



本篇内容到此就结束了，如果对您有好的帮助，不妨点个“赞”；一起努力推动NetCore发展吧，谢谢。

本文转自:http://www.cnblogs.com/wangrudong003/p/7656842.html