How to make an image of droppable div after dragging items into it, using jQuery?

Question

I\'m trying to drag items into a droppable div and save it to database as one whole image. I got as far as saving it as an image file but Image file is empty. why ???. It