C#调用skiasharp操作并绘制图片

gc_2299

于 2024-04-30 22:56:29 发布

阅读量538

点赞数 4

分类专栏： dotnet编程文章标签： C# skiasharp

本文链接：https://blog.csdn.net/gc_2299/article/details/138354935

版权

dotnet编程专栏收录该内容

185 篇文章 23 订阅

订阅专栏

之前学习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