I'm relatively new to the HTML5/JS area. So maybe it's quite simple what I want to do.
I have the following requirement from a users perspective:
The user does some drawing on a canvas and then leaves the page. Once he returns, the previeous drawing should be restored and the user can proceed drawing.
What I have so far:
- The drawing part itself
- The possibility to save the canvas as image -> this is not suitalbe since it's not editable anymore...
So what I need is to find a way to send the current drawing to the backend, store it there and reload and redraw it once the page is accessed again. How to send the data to the backend and how to retrieve it is clear to me. So the main questions are:
- How to get the drawing from the canvas?
- How to redraw when a drawing already exists?
Thanks!