[發(fā)明專利]在web瀏覽器上進行多人繪畫的方法、設(shè)備和計算機程序產(chǎn)品

有效

• 申請?zhí)枺?/td>: 201810098086.4
• 申請日: 2018-01-31
• 公開（公告）號: CN108335342B
• 公開（公告）日: 2022-03-29
• 發(fā)明（設(shè)計）人: 楊偉民;吳杰;陳盛;董文秀;鄒歡;朱坤坤
• 申請（專利權(quán)）人: 杭州網(wǎng)易智企科技有限公司
• 主分類號: G06T11/80
• 分類號: G06T11/80;H04L67/02;H04L67/08
• 代理公司: 北京市中倫律師事務(wù)所 11410
• 代理人: 鐘錦舜

1.一種在web瀏覽器上進行多人繪畫的方法，包括：

創(chuàng)建第一工作區(qū)和第一顯示區(qū)；

記錄第一終端在所述第一工作區(qū)中進行單次操作所生成的第一數(shù)據(jù)；

根據(jù)所述第一數(shù)據(jù)來創(chuàng)建第一圖片，所述第一圖片包括繪制部分和留白部分；

在所述第一顯示區(qū)中，疊加顯示包括所述第一圖片的第一疊加圖片；以及

傳送所述第一數(shù)據(jù)，以使得第二終端根據(jù)所述第一數(shù)據(jù)來生成第一對等圖片；

所述方法進一步包括：當(dāng)對所述第一圖片進行修改時，記錄對所述第一圖片進行修改后的第一修改數(shù)據(jù)；根據(jù)所述第一修改數(shù)據(jù)來生成第一修改圖片；消除在所述第一顯示區(qū)上疊加顯示的包括所述第一圖片的第一疊加圖片；在所述第一顯示區(qū)重新疊加顯示包括所述第一修改圖片的、更新后的第一疊加圖片；以及傳送所述第一修改數(shù)據(jù)，以使得第二終端根據(jù)所述第一修改數(shù)據(jù)來生成第一修改對等圖片。

2.根據(jù)權(quán)利要求1所述的方法，其中，所述第一工作區(qū)和第一顯示區(qū)通過HTML5的元素Canvas來實現(xiàn)。

3.根據(jù)權(quán)利要求2所述的方法，其中，所述HTML5的元素Canvas處于所述第一終端中和/或所述第二終端中。

4.根據(jù)權(quán)利要求1所述的方法，其中，所述留白部分是透明的。

5.根據(jù)權(quán)利要求1所述的方法，其中，疊加顯示包括所述第一圖片的疊加圖像包括：

接收來自所述第二終端的第二數(shù)據(jù)；

根據(jù)所述第二數(shù)據(jù)生成第二對等圖片；以及

疊加顯示包括所述第一圖片和第二對等圖片的第一疊加圖片。

6.根據(jù)權(quán)利要求1所述的方法，其中，所述第一圖片包括多張圖片，其中每張圖片對應(yīng)于一次所述單次操作。

7.根據(jù)權(quán)利要求5所述的方法，其中，所述第二對等圖片包括多張圖片，其中每張圖片對應(yīng)于一份所述第二數(shù)據(jù)。

8.根據(jù)權(quán)利要求1所述的方法，其中，所述單次操作包括下列操作中的至少一種：

無中斷的單筆繪畫操作；

無中斷的單次擦除操作；

對線條特性的單次選擇操作；

對模板圖片的單次選擇操作；以及

對模板圖片的單次變換操作。

9.根據(jù)權(quán)利要求8所述的方法，其中，

當(dāng)所述單次操作為無中斷的單筆繪畫操作或無中斷的單次擦除操作時，所述第一數(shù)據(jù)包括一系列軌跡坐標(biāo)數(shù)據(jù)；

當(dāng)所述單次操作為對線條特性的單次選擇操作時，所述第一數(shù)據(jù)包括下列中的至少一種：線條的顏色、粗細、虛線或?qū)嵕€、透明度；

當(dāng)所述單次操作為對模板圖片的單次選擇操作時，所述第一數(shù)據(jù)包括所述模板圖片的圖片標(biāo)識；

當(dāng)所述單次操作為對模板圖片的單次變換操作時，所述第一數(shù)據(jù)包括所述模板圖片的圖片標(biāo)識和變換矩陣，所述變換矩陣表示所述模板圖片的旋轉(zhuǎn)、縮放和平移中的至少一種。

10.根據(jù)權(quán)利要求9所述的方法，所述第一數(shù)據(jù)還包括第一終端的身份標(biāo)識。

11.根據(jù)權(quán)利要求1所述的方法，其中，響應(yīng)于所述單次操作的結(jié)束，來傳送所述第一數(shù)據(jù)。

12.一種在web瀏覽器上進行多人繪畫的方法，包括：

創(chuàng)建第二顯示區(qū)；

接收來自一個或多個終端的一組或多組繪畫數(shù)據(jù)，其中所述繪畫數(shù)據(jù)是在所述一個或多個終端處進行單次操作而生成的；

根據(jù)所述一組或多組繪畫數(shù)據(jù)來生成一個或多個圖片；以及

在所述第二顯示區(qū)上疊加顯示包括所述一個或多個圖片的疊加圖片，所述疊加圖片包括疊加繪制部分和疊加留白部分；

其中，當(dāng)所述一組或多組繪畫數(shù)據(jù)中的任意一組或多組繪畫數(shù)據(jù)發(fā)生變化時，消除所述第二顯示區(qū)上顯示的所述疊加圖片；根據(jù)發(fā)生變化的繪畫數(shù)據(jù)，生成修改圖片；將所述修改圖片與未發(fā)生修改的圖片疊加為修改后疊加圖片；重新在所述第二顯示區(qū)上疊加顯示所述修改后疊加圖片。