https://github.com/leiquan/Websocket-Drawing-Board

实现一个基于 websocket 和 SVG/Canvas 的多人在线同步画图板
https://github.com/leiquan/Websocket-Drawing-Board

Last synced: 9 days ago
JSON representation

实现一个基于 websocket 和 SVG/Canvas 的多人在线同步画图板

• Host: GitHub
• URL: https://github.com/leiquan/Websocket-Drawing-Board
• Owner: leiquan
• Created: 2016-06-01T08:37:42.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-08-03T03:27:01.000Z (over 8 years ago)
• Last Synced: 2024-08-01T13:17:31.180Z (3 months ago)
• Language: JavaScript
• Size: 1.27 MB
• Stars: 21
• Watchers: 3
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Websocket-Drawing-Board

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

* 多人可以同时操作画布,实时同步

* 冲突处理,延时和断线处理

* 只同步修改的部分,提高性能

* 自由画笔以及多种图形

* 保存到本地

* 橡皮擦

* 支持文字样式

* 画布缩放

## 架构:

* 包装好的svgPainter 负责所有绘图操作

* 客户端的每一次增删改,均同步到服务端

* 服务端广播更新,客户端调用 svgPainter 依据数据重新绘制

* 断线重连后接受服务器下发完整数据重新绘制图形

## 启动:

npm install && npm start