起初只是想要寫個簡單的畫板,後面不知不覺的想起石墨文檔有一個白板功能，就想將當前這個畫布功能，開發成一個簡易版的協作畫板。
線上演示：努力部署中，目前需要clone到本地運行。
git 位址
2、運行
git clone <repository>npm install#>>>對於開發階段：#前端服務啟動（利用webpack dev server）：npm run dev#後台服務啟動(使用了nodemon 即時監聽後端檔案修改重啟服務)npm run start# >>>對於生產階段：#打包前端檔案,然後啟動伺服器即可1、 npm run build2、 npm run start
3、功能：
開發完成:
•畫布縮放(Done)
•畫布顏色(Done)
•畫筆顏色(Done)
•畫筆粗細(Done)
•歷史記錄（撤銷，恢復）(Done)
•聊天室(Done)
•繪製協作(類似石墨文件協作)（Done）
待開發的功能：•UI 介面美化（待開發） •打算使用UI函式庫（material Design）
•文字控制項（待開發）
•上傳圖片，基於圖片繪圖（待開發）
•繪圖帶基本形狀可拖曳調控大小（待開發）
• 聊天功能豐富（表情，圖片，音視頻）（待開發） •webRTC 獲取視訊串流數據，並傳輸
•其它未知功能（x）
4.效果圖
5.後話
這個應用實現的比較基礎，還有很大的進步空間。
以上所述是小編給大家介紹的socket.io 和canvas 實現的共享畫板功能，希望對大家有幫助，如果大家有任何疑問歡迎給我留言，小編會及時回覆大家的！