将inkCanvas中的图像保存为png或jpeg文件

时间:2016-12-01 14:47:54

标签: c# wpf save png inkcanvas

这是我的wpf代码 <InkCanvas x:Name="inkCanvas" Margin="9,325,210,193" Background="Azure"></InkCanvas> 还有一个按钮 按下按钮时,我想保存绘制到文件的图像。这是我的代码

  private void button1_Click(object sender, RoutedEventArgs e)
    {
        int margin = (int)inkCanvas.Margin.Left;
        int width = (int)inkCanvas.ActualWidth - margin;
        int height = (int)inkCanvas.ActualHeight - margin;
        RenderTargetBitmap rtb = new RenderTargetBitmap(width, height, 96, 96, PixelFormats.Default);
        rtb.Render(inkCanvas);


        using (FileStream fs = new FileStream("path", FileMode.Create))
        {
            BitmapEncoder encoder = new PngBitmapEncoder();
            encoder.Frames.Add(BitmapFrame.Create(rtb));
            encoder.Save(fs);
        }
    }

但是如果在油漆区打开,那么显示的图像全是黑色(来自探险家的暗示)或完全白色。 我如何才能真实地拍摄出来的图像? TY。

1 个答案:

答案 0 :(得分:4)

问题是你试图将矢量图形保存为位图并且这是不可能的,所以首先你需要做的是绘制矢量然后你可以保存绘图

此类将Ink绘制到现有位图

public class InkImage
{
    public static BitmapFrame MergeInk(StrokeCollection ink, BitmapSource background)
    {
        DrawingVisual drawingVisual = new DrawingVisual();
        using (DrawingContext drawingContext = drawingVisual.RenderOpen())
        {
            drawingContext.DrawImage(background, new Rect(0, 0, background.Width, background.Height));

            foreach (var item in ink)
            {
                item.Draw(drawingContext);
            }
            drawingContext.Close();
            var bitmap = new RenderTargetBitmap((int)background.Width, (int)background.Height, background.DpiX, background.DpiY, PixelFormats.Pbgra32);
            bitmap.Render(drawingVisual);
            return BitmapFrame.Create(bitmap);
        }
    }
}

然后,您可以使用JPEG或PNG编码器保存位图