如何将canvas状态保存到数据库?

所以我用node.js,socket.io和html5canvas构build了这个实时绘图应用程序。 跟踪并广播鼠标移动的每个像素(在其他计算机上显示绘图input)。

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

我想保存所有的canvas数据到一个数据库,然后以某种方式重写页面时再次加载,但它只是太多了。 你怎么去做这个?

您可以跟踪点击和鼠标移动,使得canvas以这种方式通过套接字发送,并模拟它们以重build图像。