SkiaSharp 镜像位图

Meg*_*ers 2 c# android bitmap xamarin skiasharp

我正在寻找镜像位图,以便可以将图像及其镜像彼此相邻。我正在使用 SkiaSharp,我的位图是 SKBitmap,我将它们绘制在画布上。

canvas.Translate( -imageWidth/ 2.0f, -imageHeight/ 2.0f );
canvas.Scale( -1, 1,0,0 );
canvas.DrawBitmap( bitmap, new SKPoint( 0.0f, 0.0f ) );
canvas.Scale( -1, 1, 0, 0 );
canvas.Translate( imageWidth/ 2.0f, imageHeight / 2.0f );
Run Code Online (Sandbox Code Playgroud)

我将图像围绕原点居中,围绕 Y 轴镜像,在画布上绘制位图,然后撤消变换以获得结果。

我的问题似乎是,当我开始使用缩放方法时,位图就消失了。如果我画一个圆圈之类的东西就不会发生这种情况。

Mat*_*hew 8

这是因为你实际上想做相反的事情。SkiaSharp 绘图是通过转换矩阵来进行的,然后使用该矩阵进行绘图。

您的代码实际上要求这样做: - 将原点移出屏幕(向左和向上)位图宽度和高度的一半 - 翻转 y 轴上的原点(这使得图像的右侧翻转到最左侧) - 以左上角为原点绘制图像(现在位于屏幕的最左侧)

你想要做的是相反的,但是还有一个快捷方式可以翻转中心的矩阵:

canvas.Scale(-1, 1, imageWidth / 2.0f, 0);
canvas.DrawBitmap(bitmap, 0, 0);
Run Code Online (Sandbox Code Playgroud)

要在单独的操作中执行此操作,只需将整个图像向右平移,然后翻转:

canvas.Translate(imageWidth , 0);
canvas.Scale(-1, 1, 0, 0);
Run Code Online (Sandbox Code Playgroud)

另外,为了避免混合转换并必须撤消所有内容,只需将它们包装在 a 中SKAutoCanvasRestore(或仅使用SaveRestore方法):

using(new SKAutoCanvasRestore(canvas, true))
{
   // transform and draw . . .
}
Run Code Online (Sandbox Code Playgroud)