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

所以我用node.js、socket.io和html5画布构建了这个实时绘图应用程序。鼠标在单击时移动的每个像素都会被跟踪和广播（以在其他计算机上显示图形输入）

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

---

我想将所有画布数据保存到db中，然后在再次加载页面时以某种方式重写它，但这实在太多了。您将如何进行此操作？

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

这将是每毫秒一次鼠标笔划的每个像素的数据库条目。我不确定这是否可能。我需要一个更有效的方法，你不必每毫秒提交一个。你可以每隔几秒钟左右将它们写入数据库，如果你不介意质量损失的话，也许每隔几秒钟只保留一个像素，假设它们之间有线条连接（想想连接点）。嗯，你认为这在一个非常大的网格上行得通吗？@Alley坦率地说，我不知道。但这是我目前所能想到的最好的选择，而且它肯定比你目前拥有的其他选择要好。如果我找到更好的，我会告诉你的。k，谢谢。我在想，只有当我有某种类型的动态加载，它只加载屏幕上可见的内容，然后在滚动时加载其余内容时，它才会起作用。唯一的问题是这有点复杂