c# - WPF 中使用 SkiaSharp 的模糊文本

Question

我正在使用 SkiaSharp 在 WPF 中绘制文本。

http://lostindetails.com/blog/post/SkiaSharp-with-Wpf

https://github.com/8/SkiaSharp-Wpf-Example

如您所见，文字并不清晰。

通过将文本与标题中的 MainWindow 测试进行比较，您可以很容易地注意到这一点。

可能是什么问题？

Answer 1

很可能是您没有以足够高的分辨率进行渲染。我在我的 SurfaceBook 显示器上遇到过这种情况，但在我的外部显示器上没有。实际上，您必须创建一个比您实际需要的“更大”的表面。比如我的SurfaceBook的缩放比例是300%，所以我得先得到窗口的宽度，然后再乘以3:

https://github.com/mono/SkiaSharp/blob/master/source/SkiaSharp.Views/SkiaSharp.Views.WPF/SKElement.cs#L57-L61

var m = PresentationSource.FromVisual(this).CompositionTarget.TransformToDevice;
var dpiX = m.M11;
var dpiY = m.M22;
var width = (int)(ActualWidth * dpiX);
var height = (int)(ActualHeight * dpiY);

不必自己执行此操作，您可以使用 NuGet 中预先创建的 View :https://www.nuget.org/packages/SkiaSharp.Views

然后您可以像本示例一样放入 SKElement:

https://github.com/mono/SkiaSharp/blob/master/samples/WPFSample/WPFSample/MainWindow.xaml#L28

<views:SKElement x:Name="canvas" PaintSurface="OnPaintCanvas" />