Как сделать Редактирование холста canvas несколькими людьми?

Question

[Алексе Пономарев]

Редактирование холста canvas несколькими людьми?
перебрал много информации в интернете, может быть есть у кого то готовый скрипт или литература

Comments

[Владимир]

записываешь изменения от всех пользователей в структуру, рендеришь ее на канвасе.
Основная проблема тут - мерж изменений, и чем больше пользователей, тем тяжелее мержить.
Попробуйте для этого поглядеть на https://github.com/yjs/yjs

Answer 1

[askhat]

Делал что-то подобное, решение свелось к созданию набора процедур отрисовывающих что-то на канвасе, и синхронизирующегося хранилища (заюзал PouchDB).

Иными словами, когда пользователь например ставит точку с координатами [1,1] (читай MouseEvent {x: 1, y: 1}), мы сначала пишем документ { type: 'point', x: 1, y: 1 }, сохраняем в базу и оповещаем клиентов (включая себя). И только после того как документ сохранился и пришёл на клиенты, вызываем ctx.arc(...