基于HTML5 WebSocket和Canvas的多人在线画图程序
发布于 11 年前 作者 mz121star 9761 次浏览 最后一次编辑是 8 年前

演示地址:http://letdraw.ap01.aws.af.cm/

项目代码:https://github.com/mz121star/WebsocketPaint

项目使用nodejs的websocket.io开发

自己访问的话可以打开多个浏览器窗口体验,目前有个问题就是不能多人同时画,否则出现问题

原文地址:http://www.miaozhuang.net/基于html5-websocket和canvas的多人在线画图程序/

6 回复

创建多层画板就行了 每个用户一个单独的canvas 这样就不会影响到其他人画了.

这样如果用户多了,效率很成问题啊,每个客户端需要同时进行多个canvas的绘制

@mz121star 还好啊, 都是在客户端的运行 canvas运行效率还是挺高的 虽然同时很多人操作 但是效率上应该不会有太大问题. 没做过测试 个人理解

Save As下载的文件有问题

canvas的文件保存就是那样,除非传到服务器端,再发回客户端,保存时候需要改名为png的文件即可

增加了对触摸设备的支持

回到顶部