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

Question

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

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

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

Answer 1

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