首發:我的博客,更新&糾錯&回覆html
是昨天這篇博文留的尾巴,socket.io庫的使用練習,成品地址在這裏。html5
代碼已經上傳到github,傳送門。能夠開倆瀏覽器看效果。node
現實意義是倆人在線交流時說不明白,這時有個白板就行了,兩人都能在上面寫寫畫畫,幫助溝通。git
把github的readme搬過來——github
在線白板,基於socket.io的多人在線協做工具npm
此項目用於socket.io技術的使用演示canvas
1.安裝node.js瀏覽器
2.在某個文件夾下執行npm install socket.io服務器
3.將源碼拷貝到該文件夾下socket
4.執行node main.js
5.開兩個瀏覽器訪問http://localhost/
目前支持畫直線、添加文字、橡皮擦、清空畫布功能,能夠參考源碼自行添加其餘功能。
可用於多人在線交流,起到白板的做用。
演示地址:演示地址
主要用的技術是Node.js的socket.io模塊作服務器/客戶端交互,畫布繪製調用html5的canvas API。