Save Element of html page as image format

Question

having a webpage where on div (a square box) which will be used to drag and drop image icons write some text change background color , I want to make that div after dropping elements saved as jpg, bmp format.

Can somebody help me how to do it, using ASP.net C#?

i tried and used canvas but that doesn't work, it only save the div (square box) with white background.

Answer 1

it can be done easily with canvas with some of the library like html2canvas. I have done something similar in one of the project long back where I was capturing SVG object under div and on run time i was getting around 10-15 SVG object on the page and was able to capture each one on any given point of time.

I'm not sure this in asp.net and C# but its possible in HTML5 with html2canvas.