基于HTML5 WebSocket和Canvas的多人在线画图程序
发布于 2年前 作者 mz121star 2016 次浏览

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

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

项目使用nodejs的websocket.io开发

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

原文地址：http://www.miaozhuang.net/%E5%9F%BA%E4%BA%8Ehtml5-websocket%E5%92%8Ccanvas%E7%9A%84%E5%A4%9A%E4%BA%BA%E5%9C%A8%E7%BA%BF%E7%94%BB%E5%9B%BE%E7%A8%8B%E5%BA%8F/

6 回复

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

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

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

Save As下载的文件有问题

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

增加了对触摸设备的支持

回到顶部