[C＃] [WPF]如何將多個畫布保存為圖像？

Question

我只是環顧四周，試圖制作一個將多個畫布保存為一個圖像的工作版本。 例如，將它們保存在彼此附近會很好，但是我不知道該怎么做。

public static void CreateSaveBitmap(Canvas canvas1, Canvas canvas2, string filename)
    {
        RenderTargetBitmap renderBitmap1 = new RenderTargetBitmap((int)canvas1.ActualWidth, (int)canvas1.ActualWidth, 96d, 96d, PixelFormats.Pbgra32);
        // needed otherwise the image output is black
        canvas1.Measure(new Size((int)canvas1.ActualWidth, (int)canvas1.ActualWidth));
        canvas1.Arrange(new Rect(new Size((int)canvas1.ActualWidth, (int)canvas1.ActualWidth)));

        renderBitmap1.Render(canvas1);

        RenderTargetBitmap renderBitmap2 = new RenderTargetBitmap((int)canvas2.ActualWidth, (int)canvas2.ActualWidth, 96d, 96d, PixelFormats.Pbgra32);
        // needed otherwise the image output is black
        canvas2.Measure(new Size((int)canvas2.ActualWidth, (int)canvas2.ActualWidth));
        canvas2.Arrange(new Rect(new Size((int)canvas2.ActualWidth, (int)canvas2.ActualWidth)));

        renderBitmap2.Render(canvas2);

        //JpegBitmapEncoder encoder = new JpegBitmapEncoder();
        PngBitmapEncoder encoder = new PngBitmapEncoder();

        encoder.Frames.Add(BitmapFrame.Create(renderBitmap1));
        encoder.Frames.Add(BitmapFrame.Create(renderBitmap2));
        using (FileStream file = File.Create(filename))
        {
            encoder.Save(file);
        }
    }

這是我嘗試過的方法，但它僅保存第一張圖像。 有人可以幫我解決這個問題嗎？

UPDATE

我更正了@TheLethalCoder所說的一些錯誤，並且我還將輸出文件類型更改為Tiff，但沒有幫助。 現在是最新版本：

public static void CreateSaveBitmap(Canvas canvas1, Canvas canvas2, string filename)
    {
        RenderTargetBitmap renderBitmap1 = new RenderTargetBitmap((int)canvas1.ActualWidth, (int)canvas1.ActualHeight, 96d, 96d, PixelFormats.Pbgra32);
        // needed otherwise the image output is black
        canvas1.Measure(new Size((int)canvas1.ActualWidth, (int)canvas1.ActualHeight));
        canvas1.Arrange(new Rect(new Size((int)canvas1.ActualWidth, (int)canvas1.ActualHeight)));

        renderBitmap1.Render(canvas1);

        RenderTargetBitmap renderBitmap2 = new RenderTargetBitmap((int)canvas2.ActualWidth, (int)canvas2.ActualHeight, 96d, 96d, PixelFormats.Pbgra32);
        // needed otherwise the image output is black
        canvas2.Measure(new Size((int)canvas2.ActualWidth, (int)canvas2.ActualHeight));
        canvas2.Arrange(new Rect(new Size((int)canvas2.ActualWidth, (int)canvas2.ActualHeight)));

        renderBitmap2.Render(canvas2);

        //JpegBitmapEncoder encoder = new JpegBitmapEncoder();
        TiffBitmapEncoder encoder = new TiffBitmapEncoder();

        encoder.Frames.Add(BitmapFrame.Create(renderBitmap1));
        encoder.Frames.Add(BitmapFrame.Create(renderBitmap2));
        using (FileStream file = File.Create(filename))
        {
            encoder.Save(file);
        }
    }

Answer 1

您想要的不是多幀圖像，而是通過將畫布的圖像並置來組合它們。 因此，實際上，您在這里只需要1個框架，但需要一個大框架。 有一些方法可以將它們組合在一起，但是可以使用DrawingVisual一種簡單的方法。 我們可以在該視覺上繪制一個Drawing並使用RenderTargetBitmap捕獲它。 我們使用DrawingGroup組合ImageDrawing （來自2個RenderTargetBitmaps）。 總而言之，我們必須執行以下步驟：從2個RenderTargetBitmaps中，將它們放入2個ImageDrawings中，然后將它們組合到DrawingGroup中。 然后，在DrawingVisual上繪制該合並的Drawing。 最后，使用RenderTargetBitmap正常渲染該視覺效果。

這是您可以嘗試的代碼：

public static void CreateSaveBitmap(Canvas canvas1, Canvas canvas2, string filename)
{
    RenderTargetBitmap renderBitmap1 = new RenderTargetBitmap((int)canvas1.ActualWidth, (int)canvas1.ActualHeight, 96d, 96d, PixelFormats.Pbgra32);

    canvas1.Measure(new Size((int)canvas1.ActualWidth, (int)canvas1.ActualHeight));
    canvas1.Arrange(new Rect(new Size((int)canvas1.ActualWidth, (int)canvas1.ActualHeight)));

    renderBitmap1.Render(canvas1);

    RenderTargetBitmap renderBitmap2 = new RenderTargetBitmap((int)canvas2.ActualWidth, (int)canvas2.ActualHeight, 96d, 96d, PixelFormats.Pbgra32);

    canvas2.Measure(new Size((int)canvas2.ActualWidth, (int)canvas2.ActualHeight));
    canvas2.Arrange(new Rect(new Size((int)canvas2.ActualWidth, (int)canvas2.ActualHeight)));

    renderBitmap2.Render(canvas2);

    //Combine the images here
    var dg = new DrawingGroup();
    var id1 = new ImageDrawing(renderBitmap1, 
                               new Rect(0,0,renderBitmap1.Width, renderBitmap1.Height));
    var id2 = new ImageDrawing(renderBitmap2,
                               new Rect(renderBitmap1.Width, 0
                                        renderBitmap2.Width,
                                        renderBitmap2.Height));
    dg.Children.Add(id1);
    dg.Children.Add(id2);
    var combinedImg = new RenderTargetBitmap((int)(renderBitmap1.Width + renderBitmap2.Width + 0.5),
                          (int)(Math.Max(renderBitmap1.Height, renderBitmap2.Height) + 0.5), 96, 96, PixelFormats.Pbgra32); 
    var dv = new DrawingVisual();
    using(var dc = dv.RenderOpen()){
       dc.DrawDrawing(dg);
    }
    combinedImg.Render(dv);

    //JpegBitmapEncoder encoder = new JpegBitmapEncoder();
    PngBitmapEncoder encoder = new PngBitmapEncoder();

    encoder.Frames.Add(BitmapFrame.Create(combinedImg));

    using (FileStream file = File.Create(filename)) {
        encoder.Save(file);
    }
}