How to save my drawing screen as image.

Question

i am implementing drawing app using metro style xaml and C#.

how to save my drawing as a image.

Answer 1

How are you creating your drawing? What do you mean by saving the drawing as an Image?

Are you drawing in a WriteableBitmap and want to save that out to a file? If so, this can be done with the BitmapEncoder class.

Are you creating the drawing out of Xaml elements and want to render the elements into a bitmap? If so then there is no way to do that. Windows.UI.Xaml doesn't provide any way to render Xaml elements into bitmaps.

--Rob

Answer 2

thanks rob,I have drawn some shapes and images using metro style C# XAML Control, now i want to share this drawing to facebook.is it possible.

and please provide other way to save my drawing in a drive.

Answer 3

Hi Subbu,

There is no way to render Xaml elements to a bitmap. You would need to implement your own lower level drawing in order to create a bitmap you could share.

--Rob

Answer 4

Hi Rob,

You mean we need to use directX.

Basicaliy we are rendring images, text and some basic shapes on canvas(XAML). please address the suitable techology for my app so i can easily save and share my app. Presentily i am using Metro style XAML C#.

 Thanks,

//Subbu

Answer 5

Either Direct2D or HTML/Canvas would work well for that.

Depending on the specifics, you could use a Xaml WriteableBitmap; however, you would need to implement your own lower level drawing to generate the text and basic shapes. Interop with Direct2D would be a good solution for that. I believe there are some 3rd party drawing controls being written to do this.

--Rob

Answer 6

Hi Rob,

If possible please pass some sample code or any related URLs for better understanding on this type situations.

Regards & Thanks,

Subbu

Answer 7

Hi Subbu,

This is a very broad question. You will need to your own research on what is available to see what matches your specific needs the best. Since this cannot be done directly in Xaml you will need to choose another technology or write some custom code.

Using graphics with canvas, SVG, and CSS3       
Direct2D
DirectX and XAML interop       

Based on your questions I suspect you'll be best off either rewriting your app in HTML/JavaScript or using a 3rd party drawing library in the Xaml app. I know some such libraries are being worked on, but I don't know if any are complete and available.

--Rob

Answer 8

Hi Rob,

Is it possible to save render Xaml elements to a bitmap in release preview.

please address this issue.

//subbu

Answer 9

There are no changes to this in the Release Preview.

Answer 10

An idea is to make a printscreen and crop the image. This solution is available only if your drawing surface has a fixed size and is always visible. 

---

http://wyrdaprogramming.eu

Answer 11

i am not able to access this url.

please let me know if you have any approach.

Answer 12

That is my old signature. Sorry for confusion.

---

Answer 13

Any updates on the above issue.

Answer 14

The previous answers are still correct. You will need to render your image directly into a bitmap. You cannot render Xaml elements into a bitmap.

--Rob