многопользовательское приложение для рисования с html5 canvas.io node.js

Question

Я делаю своего рода многопользовательское приложение с html5 canvas, socket.io, node.js. Сейчас я использую широковещательную рассылку для отправки состояния холста другим, но я вижу, что иногда есть гонка: изменение ходасвойства (например, color или lineWidth) в одном пользовательском окне не всегда равны в другом окне (тогда линия окрашивается свойствами от второго пользователя).Это кажется мне расой или чем-то ещеМожет кто-нибудь помочь мне, как синхронизировать это или может дать мне подсказку, как реализовать это по-другому.

Answer 1

Вам необходимо кэшировать свойства для всех пользователей, затем, когда вы собираетесь обработать «событие» от пользователя, вы ищите свойства для этих пользователей (например, lineWidth и color), затем вы рисуете «событие»".

См. Полный пример с кодом на Многопользовательская панель для рисования, построенная на чистом JavaScript / HTML5 / Canvas .