Websocket-Drawing-Board

一个基于 websocket 和 SVG 的多人在线同步画图板:

• 多人可以同时操作画布,实时同步
• 冲突处理,延时和断线处理
• 只同步修改的部分,提高性能
• 自由画笔以及多种图形
• 保存到本地
• 橡皮擦
• 支持文字样式
• 画布缩放

架构:

• 包装好的svgPainter 负责所有绘图操作
• 客户端的每一次增删改,均同步到服务端
• 服务端广播更新,客户端调用 svgPainter 依据数据重新绘制
• 断线重连后接受服务器下发完整数据重新绘制图形

启动:

npm install && npm start