[發明專利]在web瀏覽器上進行多人繪畫的方法、設備和計算機程序產品

有效

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

本發明提供一種在web瀏覽器上進行多人繪畫的方法，包括：創建第一工作區和第一顯示區；記錄第一終端在所述第一工作區中進行單次操作所生成的第一數據；根據所述第一數據來創建第一圖片，所述第一圖片包括繪制部分和留白部分；在所述第一顯示區中，疊加顯示包括所述第一圖片的第一疊加圖片；以及傳送所述第一數據，以使得第二終端根據所述第一數據來生成第一對等圖片。本發明在Web端提供了一種較為高效的多人互動畫板解決方案，其允許多個人在不同的設備、瀏覽器上登錄網頁，能利用鼠標，觸摸屏設備在網頁上進行繪畫，每個人的繪制內容將會同步到其他人的頁面上，保持所有人網頁上的繪制內容一致。

技術領域

本發明涉及互聯網領域，更具體地，涉及通過web瀏覽器進行多人繪畫的技術。

背景技術

對于通過網絡進行多人繪畫，存在著多種方式。

中國專利公開號102646235A公開了一種基于圖層的多人繪畫的電子畫板系統，處理方法及電子設備，方法包括移動終端接收用戶的操作指令在電子畫板上繪制數字圖像，并將繪制完成的數字圖像及相應的繪制過程軌跡上傳至服務器進行存儲：其他移動終端根據用戶的下載指令，從服務器上將所述數字圖像下載至本地，并通過電子畫板系統在下載的數字圖像上增加新的圖層，操作完成后，根據用戶的上傳指令將新的數字圖像及相應的繪制過程軌跡上傳至服務器進行存儲，供下一移動終端下載作畫及查看相應的繪制過程軌跡。使移動終端增加了新功能：每個移動終端用戶都能下載查看他人的畫作或是在他人畫作的基礎上繼續作畫并上傳至服務器再供其他用戶下載查看或再創作。

此發明不涉及繪制內容可操作的實現和優化，即無法對每次繪制的內容單獨進行刪除、縮放、移動、旋轉以及添加濾鏡效果等操作。移動終端在下載其他用戶繪制內容時是下載了數字圖像而非繪制軌跡，網絡傳輸成本較高。此發明針對移動端，不適用于Web端

其次，中國專利公開號CN104166970A公開了一種筆跡數據文件的生成、恢復顯示方法及裝置、電子裝置。恢復顯示方法包括：解析步驟，根據筆跡數據文件結構，解析筆跡數據文件，獲取文件頭、筆跡數據區、基礎圖層索引表及其包含的基礎圖層索引項；分層步驟，根據基礎圖層索引表和基礎圖層索引項，得到待處理的圖層；并行繪制步驟，并行處理所有待處理的圖層，每個圖層根據待處理的圖層對應的圖層索引項進行繪制；疊合顯示步驟，將繪制后的所有圖層按順序疊合，得到一個筆跡圖像，顯示筆跡圖像。通過采用自定義的文件結構來生成筆跡數據文件，從而在恢復顯示文件時，可根據基礎圖層索引表得到多個待處理的圖層，采用并行處理方式對這些圖層進行繪制，提高了筆跡數據文件的恢復顯示速度。

但是，現有技術中的方案不涉及繪制內容可操作的實現和優化，即對每次繪制的內容單獨進行刪除、縮放、移動、旋轉以及添加濾鏡效果等操作；此外，現有技術的方案不涉及多人協作情況下的實現特殊之處；更進一步地，現有技術的方案并不能用于Web端，從而應用受到了一定的限制。

此外，由于繪畫過程中對圖片的渲染和變換可能十分頻繁，因此傳送的數據量較大，現有技術中也不能較好地處理大量的數據傳輸，從而容易造成圖片的卡頓。

發明內容

本發明的目的是克服現有技術中無法對繪制內容進行優化，無法進行多人同時操作，并且不支持web端，數據傳輸效率較低的缺陷。

根據本發明的第一方面，提供一種在web瀏覽器上進行多人繪畫的方法，包括：創建第一工作區和第一顯示區；記錄第一終端在所述第一工作區中進行單次操作所生成的第一數據；根據所述第一數據來創建第一圖片，所述第一圖片包括繪制部分和留白部分；在所述第一顯示區中，疊加顯示包括所述第一圖片的第一疊加圖片；以及傳送所述第一數據，以使得第二終端根據所述第一數據來生成第一對等圖片。

根據本發明的一個實施方式，其中，所述第一工作區和第一顯示區通過HTML5的元素Canvas來實現。

根據本發明的一個實施方式，其中，所述HTML5的元素Canvas處于所述第一終端中和/或所述第二終端中。