dotnet 控制台使用Microsoft.Maui.Graphics 和Skia 进行绘图入门

本篇文章给大家谈谈dotnet 控制台使用Microsoft.Maui.Graphics 和Skia 进行绘图入门，以及对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

像往常一样，安装Microsoft.Maui.Graphics.Skia 的NuGet 包。为了在Ubuntu on Windows Subsystem for Linux (WSL) Windows Subsystem for Linux 上运行，请继续添加SkiaSharp.NativeAssets.Linux.NoDependency 库。具体请参见dotnet修复在Linux上使用SkiaSharp时找不到liblibSkiaSharp库的问题。

添加完成的库的csproj工程文件内容如下

项目Sdk=’Microsoft.NET.Sdk’ PropertyGroup OutputTypeExe/OutputType TargetFrameworknet6.0/TargetFramework ImplicitUsingsenable/ImplicitUsings Nullableenable/Nullable /PropertyGroup ItemGroup PackageReference Include=’Microsoft.Maui.Graphics.Skia’ Version=’6.0.403’/PackageReference Include=’SkiaSharp.NativeAssets.Linux.NoDependencies’ Version=’2.88.0’//ItemGroup/Project 向Program.cs 添加命名空间引用

using Microsoft.Maui.Graphics;using Microsoft.Maui.Graphics.Skia;using SkiaSharp;在Microsoft.Maui.Graphics 中，所有逻辑都从ICanvas 绘图板开始。这是一个可以使用SkiaCanvas 实现的接口。代码如下

var SkiaCanvas=new SkiaCanvas();而SkiaCanvas则需要有一个Skia绘制的特定画板，也就是Canvas属性。接下来我们开始搭建Skia的画板，用图片让Skia在图片上画画。

首先创建新的图像信息

var skImageInfo=new SKImageInfo(1920, 1080, SKColorType.Bgra8888, SKAlphaType.Opaque, SKColorSpace.CreateSrgb());我喜欢以Bgra8888的格式配置颜色。就通用性而言，这款Bgra8888是B（蓝色）G（绿色）R（红色）和A（Alpha透明度）的32位格式，每个分量8位代表一个像素，足够简单。受到许多平台、框架和硬件的支持。虽然Bgra8888不是最高效的方法，但它简单易懂，并且可以轻松在多个平台上共享。因此，当您不确定选择什么颜色时，最好默认使用这种格式。

通过SKImage.Create方法创建图片。这张图不仅仅是磁盘上的图片，而是Skia的一个概念。

使用var skImage=SKImage.Create(skImageInfo);为了在这个SKImage上绘图，你需要取出SKBitmap对象并将其放入SKCanvas中。代码如下

using (SKBitmap skBitmap=SKBitmap.FromImage(skImage)){ using (var skCanvas=new SKCanvas(skBitmap)) { }}则获得了SKCanvas的对象，可以放入SkiaCanvas中

使用(SKBitmap skBitmap=SKBitmap.FromImage(skImage)){ 使用(var skCanvas=new SKCanvas(skBitmap)) { var skiaCanvas=new SkiaCanvas(); } skiaCanvas.Canvas=skCanvas; }}这样就可以得到ICanvas对象了，这一层是抽象的。无论具体底层绘图使用什么基础，业务上都使用ICanvas类型。

var SkiaCanvas=new SkiaCanvas(); skiaCanvas.Canvas=skCanvas; ICanvas 画布=skiaCanvas;以上就完成了将Microsoft.Maui.Graphics的具体绘图底层逻辑替换为Skia进行绘图。类似的可以用WPF绘图来代替。详细请参见WPF使用MAUI的自绘制逻辑。

下一步是尝试绘制一条线段来测试它。

画布.StrokeSize=2; canvas.StrokeColor=Colors.Blue;画布.DrawLine(10, 10, 100, 10);将绘制的内容保存到图像文件中，需要回到SkiaSharp的逻辑

var 文件名=#34;xx.png’; skCanvas.Flush();使用(var skData=skBitmap.Encode(SKEncodedImageFormat.Png, 100)) { var file=new FileInfo(fileName); using (var fileStream=file.OpenWrite()) { fileStream.SetLength(0); skData.SaveTo(fileStream); } }完成代码，先在Windows上运行，可以看到输出图片如下