将canvas元素反映到远程canvas元素

Question

我正在开发一个应用程序，其中两个用户A和B将被连接，两者都可以在他们的屏幕上看到canvas元素（编程为绘图控制台），当任何用户在其上绘制内容时，另一个画布反映相同的输出就像其他人一样。简而言之，两个不同的canvas元素都可以看到相同的数据。 好吧，我不想要技术规格，但我想知道从哪里开始我需要的其他最简单的其他Javascript / Jquery！ 如果有人能够简单地解释整个过程，那将是非常有帮助的，因为我是网络开发的新手。谢谢

Answer 1

以下是一个简单的概述：

• 跟踪鼠标并记录正在绘制的笔划，例如存储在数组中的对象
• 将数组编码为使用Web套接字发送到服务器的JSON对象。
• 另一端的Receiver将JSON字符串解析回Array +对象，然后重新绘制它们。

由于A和B现在具有相同的数据，因此画布在重绘时将绘制相同的内容。然后，您可以使用多种技术仅发送新数据，例如上次传输的时间戳，或每个对象的标记等等。