之前学习ViewFaceCore时采用Panel控件和GDI+将图片及识别出的人脸方框和关键点绘制出来,本文将其修改为基于SKControl和SKCanvas实现相同的显示效果并支持保存为本地图片。
新建Winform项目,在Nuget包管理器中搜索并安装一下SkiaSharp和ViewFaceCore包,同时在主界面添加SKControl控件。
使用SKBitmap类的Decode方法加载本地图片文件,然后在skControl1的PaintSurface事件中调用SKCanvas.DrawBitmap函数绘制图形,函数原型如下所示:
对于ViewFaceCore识别出的人脸区域及关键点坐标,调用SKCanvas的DrawRect、DrawCircle绘制矩形和圆形,同时调用DrawText函数绘制人脸区域顺序号,这些函数在GDI+的Graphics类中都有对应的函数,但是函数名又不完全相同,看着很别扭。还有感觉很怪的是DrawRect函数(如下图所示),如果是直接输入矩形坐标(第一行重载函数),参数格式是左上角坐标及矩形宽和高,而输入矩形对象(第二行重载函数),构建矩形对象时输入的是矩形左上角和右下角坐标,同时绘制圆形时输入参数是圆心坐标和半径,并没有像Graphics类中的绘图函数参数模式那么一致(也可能是用GDI+习惯了,还没有转变过来)。
主要绘图代码和运行效果如下所示:
SKCanvas canvas = e.Surface.Canvas;
canvas.Clear();if (m_image != null)
{canvas.DrawBitmap(m_image, new SKRect(m_startX, m_startY, m_startX + m_image.Width * m_scale, m_startY + m_image.Height * m_scale));if (m_faces.Count > 0){using var paint = new SKPaint{Color = SKColors.Red,Style = SKPaintStyle.Stroke,IsAntialias = true,StrokeWidth = 2};for (int i = 0; i < m_faces.Count; i++){canvas.DrawRect(m_startX + m_faces[i].Face.Location.X * m_scale,m_startY + m_faces[i].Face.Location.Y * m_scale,m_faces[i].Face.Location.Width * m_scale,m_faces[i].Face.Location.Height * m_scale,paint);canvas.DrawText(Convert.ToString(i + 1),m_startX + m_faces[i].Face.Location.X * m_scale,m_startY + m_faces[i].Face.Location.Y * m_scale - skControl1.Font.Height * 1.5f,paint);if (m_faces[i].MarkPoints != null && m_faces[i].MarkPoints.Length > 0){foreach (FaceMarkPoint mp in m_faces[i].MarkPoints){canvas.DrawCircle(m_startX + Convert.ToInt32(mp.X) * m_scale, m_startY + Convert.ToInt32(mp.Y) * m_scale, 3 * m_scale, paint);}}}}
}
将SKBitmap对象保存到本地的包括以下步骤:
&emsp1)新建SKBitmap对象;
&emsp2)基于SKBitmap对象创建SKCanvas对象;
&emsp3)依次绘制原始图片、人脸区域及关键点坐标;
&emsp4)将SKBitmap对象数据保存到本地文件,主要有两种方式,第一种是使用bitmap.Encode方法以指定格式写入本地文件流,测试过程中能以png格式保存,其它格式报错,暂时不清楚原因;第二种方式,安装的SkiaSharp.Views包的SkiaSharp.Views.Desktop提供有扩展函数ToBitmap,支持将SKBitmap对象转换为System.Drawing.Bitmap对象,再调用Bitmap对象的Save函数保存为需要的格式即可。主要代码如下:
using SKBitmap bitmap=new SKBitmap(m_image.Width, m_image.Height);
using SKCanvas canvas = new SKCanvas(bitmap);
canvas.DrawBitmap(m_image, 0, 0);if (m_faces.Count > 0)
{......
}canvas.Flush();bitmap.ToBitmap().Save(sfd.FileName, ImageFormat.Bmp);//using (FileStream fsStream = new FileStream(sfd.FileName,FileMode.CreateNew,FileAccess.Write))
//{
// if(bitmap.Encode(fsStream,SKEncodedImageFormat.Png, 100))
// {
// MessageBox.Show("保存成功");
// }
//}
参考文献:
[1]https://github.com/mono/SkiaSharp
[2]https://learn.microsoft.com/en-us/dotnet/api/skiasharp?view=skiasharp-2.88
[3]https://blog.csdn.net/ken0online/article/details/132363856
[4]https://www.cnblogs.com/bigben0123/p/14984984.html
[5]https://www.jb51.net/article/257125.htm