c# - Windows 应用商店应用程序 - WriteableBitmap，blit 方法

Question

好的，我正在尝试使用 writeablebitmapex 库的 blit 方法合并两个图像(将一个图像叠加在另一个图像之上)。在应用 blit 之后，我得到的只是一个没有内容的透明图像。

我想将窗帘图像叠加在 window 图像之上。

源代码:

WriteableBitmap photoWriteableBitMap = await new WriteableBitmap(1,1).FromContent(new Uri("ms-appx:///Curtain1.jpg"));
WriteableBitmap frameWriteableBitMap = await new WriteableBitmap(1, 1).FromContent(new Uri("ms-appx:///Window1.jpg"));

var merge = new WriteableBitmap(750, 750);

merge.Blit(new Rect(0, 0, 100, 100), photoWriteableBitMap, new Rect(0, 0, photoWriteableBitMap.PixelWidth, photoWriteableBitMap.PixelHeight));
merge.Blit(new Rect(0, 0, 200, 200), frameWriteableBitMap, new Rect(0, 0, frameWriteableBitMap.PixelWidth, frameWriteableBitMap.PixelHeight));

// Assign the merged writeable bitmap to the image source.
imgMain.Source = merge; 

预期图像:

实际图片:

请让我知道我做错了什么。

Answer 1

我已经找到了我的解决方案的答案，以防有人在这里偶然发现。

首先，我不必要地尝试为所需的输出包含一个额外的位图(合并)。

我所要做的就是在窗口图像上应用 blit 并适本地设置源和目标矩形。

下面是对我有用的最终代码，

WriteableBitmap photoWriteableBitMap = await new WriteableBitmap(1, 1).FromContent(new Uri("ms-appx:///Curtain1.jpg"));
WriteableBitmap frameWriteableBitMap = await new WriteableBitmap(1, 1).FromContent(new Uri("ms-appx:///Window1.jpg"));

frameWriteableBitMap.Blit(new Rect(300, 100, 250, 200), photoWriteableBitMap, new Rect(0, 0, photoWriteableBitMap.PixelWidth , photoWriteableBitMap.PixelHeight));

这是我最终图像的样子: