带有 html5 画布 socket.io node.js 的多用户绘图应用程序

Question

我正在使用 html5 canvas、socket.io、node.js 做一种多用户应用程序 现在，我正在使用广播将画布状态发送给其他人，但我可以看到有时会出现一种竞争：在一个用户窗口中更改笔触属性（如颜色或线条宽度），在另一个窗口中并不总是等于相同（然后线涂有来自第二个用户的属性）。在我看来，这是一种种族或某事。任何人都可以帮助我如何同步它，或者给我一个线索如何以不同的方式实现它。

Answer 1

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

在Multiuser Drawing Pad Built with Pure JavaScript/HTML5/Canvas 上查看带有代码的完整示例。