Tela HTML5 - Desenhe na tela, salve o contexto e restaure-o mais tarde
Requerimento:
Agora: desenhe em uma tela e pressione Salvar (armazene o estado / desenho da tela offline - mas NÃO como imagem).
Posteriormente: abra a tela com o desenho salvo anteriormente e continue desenhando novamente.
Para desenhar, normalmente usamos o código da seguinte maneira:
canvas = document.getElementById('can');
ctx = canvas.getContext("2d");
...
ctx.beginPath();
ctx.moveTo(prevX, prevY);
ctx.lineTo(currX, currY);
....
Para restaurar o estado do Canvas posteriormente - exportar para Image não ajuda.
Quero restaurar o Canvas para o estado original para continuar editando o desenho posteriormente.
Eu acho que o contexto do Canvas deve ser exportado e armazenado offline - como?