skiasharp - 使用 SkiaSharp 在文本上放置阴影或边缘

Question

我试图弄清楚如何让用 SkiaSharp 创建的文本看起来像这样：

特别是文本的黑色边缘（似乎在左侧）。此屏幕截图来自我们使用 Xamarin 移植到 Android 的 Java 桌面应用程序。如果没有黑边，数字 614 看起来就不那么好了。

我知道这个答案https://stackoverflow.com/a/40428587/540156，但它并没有给我足够的。我一直在对象上使用各种属性SkPaint。但我无法弄清楚。

是否再次绘制文本，只是向左一点？我试过了，看起来不太好。

谢谢

Answer 1

我知道图像并不完美，但它足够接近（希望如此）。您可能必须使用提示或其他方式来获得漂亮的文本。

您可能正在使用专为小字符设计的字体，我的花哨字体仅在 12 点上看起来不错，可能不会削减它。

canvas.Clear(new SKColor(19, 139, 4));

var paint = new SKPaint
{
    Color = SKColors.Black,
    IsAntialias = true,
    Style = SKPaintStyle.Fill,
    TextAlign = SKTextAlign.Center,
    TextSize = 11,
    Typeface = SKTypeface.FromFamilyName("Terminal", SKTypefaceStyle.Bold)
};
var coord = new SKPoint(info.Width / 2, (info.Height + paint.TextSize) / 2);
canvas.DrawText("614", coord, paint);

paint.Color = new SKColor(0, 255, 0);
coord.Offset(1, -1);
canvas.DrawText("614", coord, paint);