socket.io 和canvas 实现的共享画板成果

早先只是想要写个简朴的画板,后头不知不觉的想起石墨文档有一个白板成果，就想将当前这个画布成果，开拓成一个浅显版的协作画板。

在线演示：全力陈设中，今朝必要clone到当地运行。

git 地点

2、运行
 

git clone <repository> npm install #>>>对付开拓阶段： #前端处事启动（操作webpack dev server）： npm run dev #靠山处事启动(行使了nodemon 及时监听后端文件修改重启处事) npm run start #>>>对支付产阶段： #打包前端文件,然后启动处事器即可 1、 npm run build 2、 npm run start

3、成果：

开拓完成:
•画布缩放(Done)
•画布颜色(Done)
•画笔颜色(Done)
•画笔粗细(Done)
•汗青记录（取消，规复）(Done)
•谈天室(Done)
•绘制协作(相同于石墨文档协作)（Done）

待开拓的成果：

•UI 界面美化（待开拓） •规划行使UI库（material Design）

•笔墨控件（待开拓）
•上传图片，基于图片画图（待开拓）
•画图带根基外形可拖拽调控巨细 （待开拓）
• 谈天成果富厚（心情，图片，音视频）（待开拓） •webRTC 获取视频流数据，并传输

•其余未知成果（x）

4、结果图

5、后话

这个应用实现的较量基本，尚有很大的改造空间。

以上所述是小编给各人先容的socket.io 和canvas 实现的共享画板成果，但愿对各人有所辅佐，假如各人有任何疑问接待给我留言，小编会实时回覆各人的！

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!