基于HTML5 WebSocket和Canvas的多人在线画图程序
演示地址: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的文件即可
增加了对触摸设备的支持