如何将CanvasControl的内容保存为图像文件

本文关键字：保存 图像 文件 CanvasControl | 更新日期: 2023-09-27 18:12:44

我正在使用Win2D制作一个类似绘画的程序。我的CanvasControl包含一些文本，图像和用户绘制的一些线。我想将此CanvasControl的全部内容保存为磁盘上的文件(以任何标准图像格式)。我想这样做，因为我想在一个标准的Image控件中显示它(在以后的时间)。

我该怎么做呢?我尝试使用RenderTargetBitmap来加载CanvasControl(下面的代码)，但由于某种原因，它剪辑图像，只有一个小的水平顶部图像。

async private void Button_Click(object sender, RoutedEventArgs e)
    {
        #region (c) rendering UIElement to bitmap code
        var bitmap = new RenderTargetBitmap();
        await bitmap.RenderAsync(ccDraw); // ccDraw is CanvasControl
        // get the pixels
        IBuffer pixelBuffer = await bitmap.GetPixelsAsync();
        byte[] pixels = pixelBuffer.ToArray();
        // write the pixels to a InMemoryRandomAccessStream
        var stream = new InMemoryRandomAccessStream();
        var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.BmpEncoderId, stream);
        encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Straight, (uint)bitmap.PixelWidth, (uint)bitmap.PixelHeight, 96, 96, pixels);
        await encoder.FlushAsync();
        stream.Seek(0);
        Image iNew = new Image();
        iNew.Stretch = Stretch.None;
        iNew.Source = bitmap;
        gOuter.Children.Add(iNew);
        ccDraw.Visibility = Visibility.Collapsed; // hide CanvasControl so we can see added image 
     #endregion
    }

如何将CanvasControl的内容保存为图像文件

我是这样做的。imageSize是图片的大小，例如var imageSize = new Size(500,500); 

var displayInformation = DisplayInformation.GetForCurrentView();
ccDraw.Measure(imageSize);
ccDraw.UpdateLayout();
ccDraw.Arrange(new Rect(0, 0, imageSize.Width, imageSize.Height));
var renderTargetBitmap = new RenderTargetBitmap();
await renderTargetBitmap.RenderAsync(ccDraw, Convert.ToInt32(imageSize.Width), Convert.ToInt32(imageSize.Height));
var pixelBuffer = await renderTargetBitmap.GetPixelsAsync();
var file = await ApplicationData.Current.LocalFolder.CreateFileAsync("Screen.jpg", CreationCollisionOption.ReplaceExisting);
using (var fileStream = await file.OpenAsync(FileAccessMode.ReadWrite))
{
      var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.JpegEncoderId, fileStream);
      encoder.SetPixelData(
              BitmapPixelFormat.Bgra8,
              BitmapAlphaMode.Ignore,
              (uint)renderTargetBitmap.PixelWidth,
              (uint)renderTargetBitmap.PixelHeight,
              displayInformation.LogicalDpi,
              displayInformation.LogicalDpi,
              pixelBuffer.ToArray());
      await encoder.FlushAsync();
}

试试这个:

    private void SaveCanvasAsImage()
    {
        Rect yourRect = new Rect(ccDraw.RenderSize);
        RenderTargetBitmap rtBitmap = new RenderTargetBitmap((int)yourRect.Right,
        (int)yourRect.Bottom, 100d, 100d, System.Windows.Media.PixelFormats.Default);
        rtBitmap.Render(ccDraw);
        BitmapEncoder pngEncoder = new PngBitmapEncoder();
        pngEncoder.Frames.Add(BitmapFrame.Create(rtBitmap));
        System.IO.MemoryStream ms = new System.IO.MemoryStream();
        pngEncoder.Save(ms);
        ms.Close();
        System.IO.File.WriteAllBytes("yourPng.png", ms.ToArray());
    }

不能直接保存CanvasControl的内容。

然而，如果你绘制到中间CanvasRenderTarget，那么你可以使用SaveAsync保存它。

更多关于屏幕外绘制的信息可以在http://microsoft.github.io/Win2D/html/Offscreen.htm找到。

绘制到CanvasRenderTarget而不是直接绘制到CanvasControl还有其他好处-最明显的是它允许您进行添加渲染，而不是每次都重新绘制整个显示

相关文章：