1. SkiaSharp入门：跨平台绘图利器初探
第一次接触SkiaSharp时，我正为一个工业控制项目发愁——需要在Windows工控机、Android平板和Web后台同时展示实时数据图表。传统GDI+在跨平台场景下束手无策，直到发现了这个基于Google Skia的.NET绘图神器。SkiaSharp最吸引我的地方在于，用一套代码就能生成适配不同平台的图形输出，就像用C#写Python那样畅快。
安装过程简单得令人惊喜。在Visual Studio的NuGet包管理器里搜索"SkiaSharp"，你会看到一系列扩展包：基础库SkiaSharp负责核心绘图功能，SkiaSharp.Views.*系列提供各平台UI组件支持，而SkiaSharp.Extended则包含SVG等扩展功能。建议初学者从控制台应用开始尝试，避免被UI框架差异干扰。这是我的第一个绘图代码片段：
using SkiaSharp; var bitmap = new SKBitmap(800, 600); using var canvas = new SKCanvas(bitmap); using var paint = new SKPaint { Color = SKColors.Blue }; canvas.DrawCircle(400, 300, 200, paint);这段代码在内存中创建了一个800x600的蓝色圆形图像，没有任何平台依赖。当需要显示时，只需调用对应平台的视图控件：Windows Forms用SKControl，WPF用SKElement，Android用SKCanvasView。这种设计让业务逻辑与UI实现完美解耦，我在项目重构时节省了至少2000行平台特定代码。
2. 基础绘图实战：从线条到复杂图形
2.1 绘制基本几何图形
SkiaSharp的绘图API设计非常符合直觉。创建SKPaint对象定义绘制样式，调用canvas的Draw*方法执行绘制。但有几个坑我不得不提醒：首先是坐标系，SkiaSharp使用数学常见的Y轴向下为正方向，这与GDI+一致但与某些图形库相反。其次是抗锯齿设置，默认关闭的状态下绘制斜线会出现锯齿，建议全局设置：
var paint = new SKPaint { IsAntialias = true, // 开启抗锯齿 Style = SKPaintStyle.Stroke, StrokeWidth = 5, Color = SKColors.Red };绘制虚线时要注意，CreateDash方法的第一个参数是交替的实线/虚线长度数组。我曾误以为这是像素值，实际上它受StrokeWidth影响。比如设置[10,5]时，实际显示长度会是10倍StrokeWidth的实线和5倍StrokeWidth的空白。
2.2 文字渲染的坑与技巧
中文显示问题困扰了我整整两天。默认字体不支持中文，必须显式指定中文字体。更棘手的是跨平台字体兼容性，我的解决方案是：
var typeface = SKTypeface.FromFamilyName( RuntimeInformation.IsOSPlatform(OSPlatform.Windows) ? "微软雅黑" : "Noto Sans CJK SC" ); var textPaint = new SKPaint { Typeface = typeface, TextSize = 48, Color = SKColors.Black };对于需要旋转的文字，务必使用Save/Restore包裹变换操作。有次我忘记Restore，导致后续所有绘制都带着45度倾斜，调试了半小时才发现问题。正确的做法：
canvas.Save(); canvas.RotateDegrees(30, x, y); // 绕点(x,y)旋转30度 canvas.DrawText("旋转文字", x, y, textPaint); canvas.Restore();3. 高级图形处理：SVG与位图操作
3.1 SVG矢量图形处理实战
在电商项目中使用SVG作为商品矢量图格式时，我发现SkiaSharp原生不支持SVG解析。通过Svg.Skia这个第三方库可以完美解决，但需要注意版本兼容性。处理跨平台SVG加载的可靠方案：
using Svg.Skia; var svg = new SKSvg(); using var stream = File.OpenRead("icon.svg"); var picture = svg.Load(stream); // 自适应缩放绘制 var matrix = SKMatrix.CreateScale( canvasWidth / picture.CullRect.Width, canvasHeight / picture.CullRect.Height ); canvas.DrawPicture(picture, ref matrix);特别提醒：某些SVG文件包含CSS样式时可能解析失败，建议先用Inkscape等工具简化文件。我在处理Adobe Illustrator导出的SVG时，遇到过渐变填充丢失的情况，最终通过导出时选择"SVG 1.1"格式解决。
3.2 位图与SKBitmap互操作
与System.Drawing.Bitmap互转是常见需求，SkiaSharp.Views.Desktop扩展包提供了便捷方法。但处理大图时要注意内存泄漏：
// System.Drawing.Bitmap转SKBitmap using var gdiBitmap = new Bitmap("input.jpg"); var skBitmap = gdiBitmap.ToSKBitmap(); // 扩展方法 // SKBitmap转System.Drawing.Bitmap using var newGdiBitmap = skBitmap.ToBitmap();处理相机采集的实时图像时，直接转换每帧会导致GC压力过大。我的优化方案是复用SKBitmap实例：
var reusableBitmap = new SKBitmap(width, height); while(true) { var frame = GetCameraFrame(); // 获取新帧 reusableBitmap.SetPixels(frame.Pixels); // 处理图像... }4. 输出与性能优化实战
4.1 多格式输出方案
报表生成需求通常需要同时支持PNG、PDF等格式。通过SKDocument可以优雅地实现：
using var stream = File.Create("output.pdf"); using var document = SKDocument.CreatePdf(stream); using var canvas = document.BeginPage(595, 842); // A4尺寸(单位:点) // 绘制内容... document.EndPage(); document.Close();SVG输出有个隐藏技巧：设置精度参数可以控制文件大小。在绘制高精度曲线时特别有用：
using var svgStream = File.Create("diagram.svg"); var svgCanvas = SKSvgCanvas.Create(SKRect.Create(800, 600), svgStream, new SKSvgCanvasSettings { Precision = 2 // 小数点后位数 });4.2 性能优化经验谈
在开发实时数据可视化应用时，我总结了几条黄金法则：
- 重用SKPaint实例：创建/销毁SKPaint开销很大
- 预渲染静态内容：将背景等不变元素绘制到SKPicture缓存
- 分级刷新：数据更新时只重绘变化区域
GPU加速是另一个性能突破口。在支持OpenGL的环境下：
var glSurface = GRContext.CreateGlSurface(new GRGlInterface(), width, height); using var canvas = glSurface.Canvas; // 绘制操作会通过GPU加速记得检查GRContext.IsBackendSupported确认平台支持情况。我在树莓派项目中就遇到过GLES版本不兼容的问题，最终回退到软件渲染。
