在線白板,基於socket.io的多人在線協做工具

首發:我的博客,更新&糾錯&回覆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。

長期歡迎項目合做機會介紹,項目收入10%用於酬謝介紹人。新浪微博:@冷鏡,QQ:908789432

相關文章
相關標籤/搜索