如何将画布状态保存到db？

Question

所以我使用node.js，socket.io和html5 canvas构建了这个实时绘图应用程序。跟踪并播放鼠标在单击时移动的每个像素（以在其他计算机上显示绘图输入）。

我知道可以保存画布的图像但是这个画布非常大（10000x10000 +像素）。现在，当页面刷新时，所有图纸都消失了（因为它只是通过套接字发送，没有保存）。

我想将所有画布数据保存到数据库中，然后在页面再次加载时以某种方式重写它，但它实在太多了。你会怎么做呢？

Answer 1

您可以跟踪在您通过套接字发送画布时使画布看起来像这样的点击和鼠标移动，并模拟它们以重建图像。