How to do a screen capture of content on web page/join 2 images
I have a page where I am using Raphael.js to actually allow user to move a dot around the canvas which has a background image. What I am trying to do is to capture the end image of the canvas where I'll be able to see where the user placed the dot after the user clicks on a 'confirm position' button. I've thought of two methods, however I am not too sure of how to execute them.
Method 2: To use the coordinates of the dot and overlay a dot image that I already have onto the background image and save it as an image.
Please advice and I hope I've been clear