将图形坐标从画布保存到数据库

Question

我目前正在尝试跟踪一个人的动作，并将其保存到数据库中。

在我的网页上有一个画布，它允许用户使用鼠标进行绘画。我希望能够保存用户在绘画时所做的动作，以便我能够重新跟踪绘画时所做的每一个动作。

我自己的想法是，每当用户在画布中单击鼠标时，坐标将被保存，直到用户释放鼠标按钮。另一个解决方案是，在画布上每点击3-4次，就保存一张画布的图像，这样你就可以看到绘制过程。

有没有人有更好的解决方案，或者关于如何最好地实现这样一个功能的一些建议？

更新时间：

所以我的描述可能不够具体。基本上，我想通过保存坐标为用户记录绘图过程，这样我就可以从数据库中检索这些坐标，并在绘图时回放用户的移动。

当用户按下保存按钮时，坐标将保存到数据库中，因此我需要存储所有坐标，直到按下按钮。

我希望在客户端和服务器端都能得到帮助。服务器端是用Java编写的。我目前在客户端使用JavaScript和MySQL作为我的数据库。

Answer 1

当人正在绘图时将坐标发送到服务器可能会导致大量流量，并且可能会减慢服务器对其他用户的响应速度。

而不是捕捉和发送每个动作，而是：

• 缓冲从鼠标向下到鼠标向上的移动，然后将“绘制实例”发送到服务器
• 在数组中捕获这些绘图实例，当用户完成绘图时，只提交到服务器可能更好

每个用户使用一个“web套接字”实例可能是有利的，因为这将比HTTP请求（AJAX）快得多，同时，如果您有多个人同时绘图，web套接字可以将其他用户的数据推送到每个连接用户的实时绘图中。

我不确定你需要在这里完成什么，但是，上面的可能会有所帮助。也许如果你能详细说明你想完成什么，你可以起草一个更详细的答案，上面有关于如何完成你需要的东西的具体说明。