Websocket-Drawing-Board
一个基于 websocket 和 SVG 的多人在线同步画图板:
- 多人可以同时操作画布,实时同步
- 冲突处理,延时和断线处理
- 只同步修改的部分,提高性能
- 自由画笔以及多种图形
- 保存到本地
- 橡皮擦
- 支持文字样式
- 画布缩放
架构:
- 包装好的svgPainter 负责所有绘图操作
- 客户端的每一次增删改,均同步到服务端
- 服务端广播更新,客户端调用 svgPainter 依据数据重新绘制
- 断线重连后接受服务器下发完整数据重新绘制图形
启动:
npm install && npm start