Размытый текст с помощью SkiaSharp в WPF

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: 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" />