Sanving and Restoring Canvas

[emurillo]

I need to save my canvas and then restore it, so i can continue with my previous work. I'm working on a software for a Dentist, and doing an odontogram (I's like a graphicall representation of every tooth in your mouth, and each tooth is divided in 5 parts), the idea is to paint the parts that are damage or need treatment. The bottom line is that I need to save a patient status and be able to load it every time.

I've done some research and I haven't found a solution

any help would be appreciated

[zcorpan]

You can get a PNG (or JPEG) image from a canvas with canvas.toDataURL(). You can then upload that to your server with XHR to save it on the server, and next time pull it with XHR and put it in an <img src> which you then draw on the canvas with drawImage(). If you don't want to involve the server but save it locally, you can use localStorage. If you want to save more state than just the pixels, you need to implement the logic for that yourself.