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

Question

我目前正试图跟踪一个画动作的人，并将他们保存到数据库中。

在我的网页上有一个画布，它允许用户使用鼠标进行绘图。我想要的是能够保存用户在绘图时所做的动作，这样我就能够在绘图时重新跟踪每个动作。

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

有没有人有一个更好的解决方案，或一些技巧，如何最好地实现这样的功能？

更新：

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

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

我想要客户端和服务器端的帮助。服务器端用Java编写.我目前在客户端使用JavaScript，MySQL作为我的数据库。

Answer 1

在用户绘图时向服务器发送坐标可能会导致大量通信量，并可能会减慢服务器与其他用户的响应。

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

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

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

我不知道你在这里需要做些什么，但是，以上这些也许会有所帮助。也许，如果你能详细说明你想要完成什么，就可以起草一个更详细的答案，并给出关于如何完成你所需要的事情的具体说明。