6

如何在SkiaSharp.

目前我正在旋转SKCanvas，绘制文本，然后将其旋转回来。但我认为可能有更有效的方法来做到这一点。

canvas.RotateDegrees(45, 20, 20);
canvas.DrawText("Text", 20, 20, paint);
canvas.RotateDegrees(-45, 20, 20);
4

2 回答 2

8

这是正确的方法（我认为唯一的方法）。

它并不是那么低效，因为您并没有真正旋转画布，而是调整绘图矩阵（一个int[9]数组）。在引擎盖下它正在做这样的事情：

var m = SKMatrix.CreateRotation(45); // simple struct over int[9]
canvas.CurrentMatrix.Concat(m)       // simple multiplication

然后当你绘制时，它只使用矩阵：

canvas.DrawText(text, matrix);

当你旋转回来时，它只是再次进行数学运算。

另一种方法是保存画布然后恢复：

canvas.Save();
canvas.Rotate(45);
canvas.DrawText(text);
canvas.Restore();

这只是在保存期间复制当前矩阵。当你恢复时，它只是恢复它。这是一种“更好”的方式，因为您可以进行一系列转换，而无需反转。

或者，您可以使用便利类型：

// auto save
using (new SKAutoCanvasRestore(canvas)) {
    // do any transformations
    canvas.Rotate(45);
    // do serious work
    canvas.DrawText(text);
    // auto restore, even on exceptions or errors
}

另一种完全不同的绘制文本的方式是沿路径绘制：

var path = new SKPath();
// create path ...

// draw using path
canvas.DrawText("text", path, hOffset: 0, vOffset: 0, paint);
于 2017-01-28T21:28:50.327 回答
5

您可以在 SkiaSharp 中沿路径绘制文本，因此（例如）在图像上沿对角线绘制文本：

using (SKPaint skPaint = new SKPaint())
{
  SKPath path = new SKPath();
  path.MoveTo(original.Width / 10, original.Height - original.Height / 10);
  path.LineTo(original.Width - original.Width / 10, original.Height / 10);

  canvas.DrawTextOnPath(textToWrite, path, 0, 0, skPaint);
  path.Dispose();
}

使用 MeasureText 获取文本的长度，并通过计算对角路径的长度并在 DrawTextOnPath 参数中设置起点值或将路径原点设置为 0,0 以外的方式将其放置在中心（就像我一样在示例中）

我不确定它是否比旋转画布更有效，但它似乎是一种更“明显”的绘图方式。

于 2017-10-23T14:53:33.527 回答