如何保存画布图纸？

Question

我有这个手指绘画应用程序，我希望我的用户可以保存他们绘制的内容，以后再回来继续绘制。

什么是更简便的方法？

Answer 1

您可以这样做的一种方法是：

通过调用canvas.toDataURL()将画布内容保存为 base64 编码的 PNG 图像，并将编码后的字符串存储在页面的localStorage 中。

当您想要恢复画布时，您将创建一个图像，将 src 设置为之前存储在本地的值，然后在画布上绘制该图像。

还有其他方法，例如记录所有绘图操作，将它们存储在本地或服务器会话中，并在下次访问页面时“重播”它们。