是昨天这篇博文留的尾巴,socket.io库的使用练习,成品地址在这里。
代码已经上传到github,传送门。可以开俩浏览器看效果。
现实意义是俩人在线交流时说不明白,这时有个白板就好了,两人都能在上面写写画画,帮助沟通。
把github的readme搬过来——
在线白板,基于socket.io的多人在线协作工具
此项目用于socket.io技术的使用演示
1.安装node.js
2.在某个文件夹下执行npm install socket.io
3.将源码拷贝到该文件夹下
4.执行node main.js
5.开两个浏览器访问http://localhost/
目前支持画直线、添加文字、橡皮擦、清空画布功能,可以参考源码自行添加其他功能。
可用于多人在线交流,起到白板的作用。
演示地址:演示地址
主要用的技术是Node.js的socket.io模块做服务器/客户端交互,画布绘制调用html5的canvas API。