0

I want to save grid, the grid contains Rectangle and InkCanvas.

<Grid x:Name="mainGrid">
    <Rectangle Fill="Red" Height="100" Width="100"/>
    <InkCanvas x:Name="myCanvas" Height="400" Width="400"
               Margin="0,0,10,10"/>
</Grid>

Save method code

        StorageFile file = await savePicker.PickSaveFileAsync();
        RenderTargetBitmap renderTargetBitmap = new RenderTargetBitmap();
        await renderTargetBitmap.RenderAsync(mainGrid);
        IBuffer pixels = await renderTargetBitmap.GetPixelsAsync();
        Guid encoderId = BitmapEncoder.PngEncoderId;
        using (var stream = await file.OpenAsync(FileAccessMode.ReadWrite))
        {
            var encoder = await BitmapEncoder.CreateAsync(encoderId, stream);
            encoder.SetPixelData(BitmapPixelFormat.Bgra8, BitmapAlphaMode.Ignore, (uint)renderTargetBitmap.PixelWidth,
                (uint)renderTargetBitmap.PixelHeight, 96, 96, pixels.ToArray());
            await encoder.FlushAsync();
        }

Now the image saved but it contains rectangle only, InkCanvas strokes are not present in the image and also strokes are disappeared from the output window after saved the image.

Can anyone please suggest me, how to save the panel with the InkCanvas?

Thanks..

AVK
  • 3,893
  • 1
  • 22
  • 31
Santhiya
  • 191
  • 2
  • 14
  • Question [1](https://stackoverflow.com/questions/32153880/how-to-render-inkcanvas-to-an-image-in-uwp-windows-10-application), [2](https://stackoverflow.com/questions/37179815/displaying-a-background-image-on-a-uwp-ink-canvas) should help you. – AVK Sep 20 '17 at 16:30
  • Thanks... Are any other possibilities to save the image without using CanvasDevice? – Santhiya Sep 21 '17 at 04:10

0 Answers0