[發(fā)明專利]一種基于NodeJS技術(shù)的在線協(xié)同畫板

在審

• 申請(qǐng)?zhí)枺?/td>: 201711083476.6
• 申請(qǐng)日: 2017-11-07
• 公開（公告）號(hào): CN107734056A
• 公開（公告）日: 2018-02-23
• 發(fā)明（設(shè)計(jì)）人: 杜宇坤
• 申請(qǐng)（專利權(quán)）人: 北京仿真中心
• 主分類號(hào): H04L29/08
• 分類號(hào): H04L29/08;H04L29/06;H04L12/58
• 代理公司: 北京正理專利代理有限公司11257
• 代理人: 付生輝

1.一種基于NodeJS技術(shù)的在線協(xié)同畫板，包括WEB前端和后端服務(wù)器，其特征在于，所述服務(wù)器為NodeJS搭建的HTTP服務(wù)器，所述服務(wù)器設(shè)置有:

總體框架，所述總體框架為express框架，提供系統(tǒng)結(jié)構(gòu)目錄以及各個(gè)模塊接口；

路由器模塊，響應(yīng)于WEB前端的請(qǐng)求，對(duì)該請(qǐng)求進(jìn)行路由；

房間管理模塊，根據(jù)WEB前端的創(chuàng)建或加入房間請(qǐng)求為用戶創(chuàng)建房間、或?qū)⒂脩艏尤胍褎?chuàng)建房間；

事件發(fā)射器模塊，接收WEB前端發(fā)送的具體消息、繪制內(nèi)容至同一房間內(nèi)其他瀏覽端。

2.根據(jù)權(quán)利要求1所述的一種基于NodeJS技術(shù)的在線協(xié)同畫板，其特征在于，所述WEB前端與服務(wù)器之間采用websocket通信協(xié)議，并根據(jù)路由器模塊調(diào)用的方法提供socket.io操作。

3.根據(jù)權(quán)利要求1所述的一種基于NodeJS技術(shù)的在線協(xié)同畫板，其特征在于，所述路由器模塊設(shè)置：

創(chuàng)建房間URI，根據(jù)WEB前端發(fā)送的創(chuàng)建房間請(qǐng)求對(duì)所述請(qǐng)求進(jìn)行路由；

加入房間URI，根據(jù)WEB前端發(fā)送的加入房間請(qǐng)求對(duì)所述請(qǐng)求進(jìn)行路由。

4.根據(jù)權(quán)利要求1所述的一種基于NodeJS技術(shù)的在線協(xié)同畫板，其特征在于，所述畫板采用使用canvas創(chuàng)建繪圖區(qū)域，所述路由器模塊還設(shè)置：

畫板繪制URI，使用canvas創(chuàng)建繪圖區(qū)域，在該區(qū)域檢測(cè)鼠標(biāo)的左鍵的按下、拖拽、釋放等動(dòng)作，并根據(jù)動(dòng)作調(diào)用相關(guān)繪畫函數(shù)，進(jìn)行圖形的繪制，所述繪畫函數(shù)包括draw()函數(shù)。

5.根據(jù)權(quán)利要求1所述的一種基于NodeJS技術(shù)的在線協(xié)同畫板，其特征在于，所述服務(wù)器還設(shè)置：

用戶權(quán)限模塊，所述用戶權(quán)限包括觀察者權(quán)限和參與者權(quán)限，根據(jù)房間內(nèi)可容納參與者人數(shù)管理用戶權(quán)限，所述觀察者權(quán)限為只讀權(quán)限，所述參與者權(quán)限包括只讀和參與研討權(quán)限。

6.根據(jù)權(quán)利要求1所述的一種基于NodeJS技術(shù)的在線協(xié)同畫板，其特征在于，所述WEB前端設(shè)置：

請(qǐng)求發(fā)送模塊，向服務(wù)器端發(fā)送創(chuàng)建房間或加入房間請(qǐng)求；

畫板模塊，提供畫板，畫筆和擦除工具；

所述畫板模塊設(shè)置顏色棧，為每個(gè)用戶隨機(jī)分配一種可用畫筆顏色，在下一個(gè)用戶進(jìn)入房間時(shí)，遍歷該顏色棧，計(jì)算出可用顏色，將未使用的顏色隨機(jī)分配給后來用戶。

7.根據(jù)權(quán)利要求5所述的一種基于NodeJS技術(shù)的在線協(xié)同畫板，其特征在于，所述可用顏色根據(jù)間隔值distance的值確定顏色是否可用，所述間隔值distance>3時(shí)，認(rèn)為該顏色可用，間隔值的計(jì)算公式為：

distance=(R2-R1)2+(G2-G1)2+(B2-B1)2,]]>

其中，R1為原有圖形的紅色通道值，R2為未繪制圖形的紅色通道值，G1為原有圖形的綠色通道值，G2為未繪制圖形的綠色通道值，B1為原有圖形的藍(lán)色通道值，B2為未繪制圖形的藍(lán)色通道值。