如何在画布上绘图（使用鼠标/触摸），保存绘制的对象，存储，加载和操作？

Question

我想知道是否有任何框架允许我存储画布绘制的对象，加载和操作，或者如果没有，如何进行此类处理（如果可能的话）。

我的目标是采取这个步骤：

1. 在移动设备上使用鼠标/触控在画布上绘图
2. 以我稍后可以操作的方式存储绘制的对象（而不是图像文件） （使用商店我的意思是将其远程保存在任何类型的来源上）
3. 将绘制的对象加载到画布上，并能够操纵他（弯曲一条线p.ex）

Answer 1

您可以使用base64 + localStorage：

var canvas = document.getElementsByTagName('canvas')[0];  
var pngBase64 = canvas.toDataURL();
localStorage.setItem('myCanvasData', pngBase64);