如何以编程方式将文本添加到位图图像？ WPF

Question

我正在使用 Kinect 传感器通过将视频源设置为位图源来在图像上显示视频源，如下所示。但我的问题是如何将文本添加到图像/位图中，例如计分器，我在下面添加了一张图片以显示我想要实现的目标。

void myKinect_ColorFrameReady(object sender, ColorImageFrameReadyEventArgs e)
        {
            using (ColorImageFrame colorFrame = e.OpenColorImageFrame())
            {

                if (colorFrame == null) return;
                byte[] colorData = new byte[colorFrame.PixelDataLength];
                colorFrame.CopyPixelDataTo(colorData);

                 KinectVideo.Source = BitmapSource.Create(colorFrame.Width, colorFrame.Height, 96, 96,
                    PixelFormats.Bgr32, null, colorData, colorFrame.Width * colorFrame.BytesPerPixel);

            }
        } 

Answer 1

您不需要将文本绘制到图像本身。在您的 XAML 中，只需以更高的 Z 顺序添加一个 TextBlock 控件。

Answer 2

您可以使用 DrawingVisual 和 DrawingImage 类实现此目的：

var random = new Random();
var pixels = new byte[256 * 256 * 4];
random.NextBytes(pixels);
BitmapSource bitmapSource = BitmapSource.Create(256, 256, 96, 96, PixelFormats.Pbgra32, null, pixels, 256 * 4);
var visual = new DrawingVisual();
using (DrawingContext drawingContext = visual.RenderOpen())
{
    drawingContext.DrawImage(bitmapSource, new Rect(0, 0, 256, 256));
    drawingContext.DrawText(
        new FormattedText("Hi!", CultureInfo.InvariantCulture, FlowDirection.LeftToRight,
            new Typeface("Segoe UI"), 32, Brushes.Black), new Point(0, 0));
}
var image = new DrawingImage(visual.Drawing);
Image1.Source = image;

不幸的是，您将不得不创建一个新的BitmapSource，因为我目前无法直接向其写入文本。

您也可以使用 WriteableBitmapEx : https://writeablebitmapex.codeplex.com/

• 使用 BitmapFactory (1) 从您的框架中创建一个 WriteableBitmap
• 创建另一个WriteableBitmap并使用上述方法（2）在其上绘制文本
• blit 文本位图 (2) 覆盖框架 (1)

结果相同但方法不同，不确定方法2是否更好，因为它很麻烦。