DDR爱好者之家

socket.io 和canvas 实现的共享画板功能
站长资源 2024/12/28 佚名
20 1538
DDR爱好者之家 Design By 杰米

起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能，就想将当前这个画布功能，开发成一个简易版的协作画板。

在线演示：努力部署中，目前需要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、效果图

socket.io 和canvas 实现的共享画板功能

socket.io 和canvas 实现的共享画板功能 

5、后话

这个应用实现的比较基础，还有很大的改进空间。

以上所述是小编给大家介绍的socket.io 和canvas 实现的共享画板功能，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米