如何保存画布状态到数据库

How save canvas state to db?

本文关键字：状态数据库布状态保存何保存更新时间：2023-09-26

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

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

我想保存所有的画布数据到一个数据库，然后以某种方式重写它当页面再次加载，但它只是太多了。你会怎么做呢?

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