Anforderung

Now: Zeichnen Sie auf einer Leinwand und drücken Sie Speichern (Leinwandstatus / Zeichnung offline speichern - aber NICHT als Bild).
Später: Öffnen Sie den Canvas mit der zuvor gespeicherten Zeichnung und fahren Sie mit dem Zeichnen fort.

Zum Zeichnen verwenden wir normalerweise folgenden Code:

canvas = document.getElementById('can');
ctx = canvas.getContext("2d");
...
ctx.beginPath();
ctx.moveTo(prevX, prevY);
ctx.lineTo(currX, currY);
....

Um den Canvas-Status später wiederherzustellen, hilft das Exportieren in Image nicht.
Ich möchte den ursprünglichen Zustand des Canvas wiederherstellen, um die Zeichnung zu einem späteren Zeitpunkt weiter zu bearbeiten.

Ich denke, der Canvas-Kontext muss exportiert und offline gespeichert werden - wie?