多用户绘制应用程序与html5 canvas socket.io node.js

Question

我正在使用html5 canvas，socket.io，node.js进行多用户应用程序 现在我使用广播将canvas状态发送给其他人，但我可以看到有时会出现种类：在一个用户窗口中更改笔触属性（如color或lineWidth），在其他窗口中并不总是等于相同（然后是line用第二个用户的属性绘制。在我看来，这种种族或某种方式。任何人都可以帮助我如何同步它或者可能给我一个线索如何以不同的方式实现它。

Answer 1

您需要缓存所有用户的属性，然后当您要处理来自用户的“事件”时，查找该用户的属性（例如lineWidth和color），然后绘制“事件” ”

请参阅Multiuser Drawing Pad Built with Pure JavaScript/HTML5/Canvas上的代码的完整示例。