[發明專利]形狀數據處理方法和裝置

在審

• 申請號: 201810391391.2
• 申請日: 2018-04-26
• 公開（公告）號: CN108846875A
• 公開（公告）日: 2018-11-20
• 發明（設計）人: 朱志豪
• 申請（專利權）人: 廣州視源電子科技股份有限公司;廣州視睿電子科技有限公司
• 主分類號: G06T11/00
• 分類號: G06T11/00
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 趙囡囡;譚惠月

本發明公開了一種形狀數據處理方法和裝置。該方法包括：獲取畫布的像素點信息；根據畫布的像素點信息確定第一邊界點并標記第一邊界點，其中，第一邊界點的透明度為0，第一邊界點的后一個邊界點的透明度不為0；以被標記的邊界點為中心依次遍歷被標記的邊界點周圍的像素點，確定出被標記的邊界點周圍的像素點中的第二邊界點并標記第二邊界點，其中，第二邊界點的透明度為0且第二邊界點的上下左右四個像素點中存在透明度不為0的點；重復以被標記的邊界點為中心依次遍歷被標記的邊界點周圍的像素點直至確定出整個畫布所有的邊界點并標記；將被標記的邊界點導出，得到畫布的形狀邊界。通過本發明，達到了靈活獲取模型形狀輪廓的效果。

技術領域

本發明涉及圖形處理領域，具體而言，涉及一種形狀數據處理方法和裝置。

背景技術

在通過畫布進行繪圖操作時，例如，繪制一些2D或3D模型，用戶對模型進行了修改后，模型形狀變為不規則形狀，此時，為了制作動畫或者產生良好的視覺效果，需要獲取模型的輪廓，相關技術中，由W3C所規定的API中(即Canvas所提供的供開發者使用的函數)并無此功能，且目前相關的技術中并無解決方案。

但在實際開發中，若能確定出物體形狀的邊界，對整個Canvas圖像開發可能會非常有幫助(如激活檢測、圖像信息處理等方面)。

針對相關技術中模型形狀輪廓無法獲取的問題，目前尚未提出有效的解決方案。

發明內容

本發明的主要目的在于提供一種形狀數據處理方法和裝置，以解決模型形狀輪廓無法獲取的問題。

為了實現上述目的，根據本發明的一個方面，提供了一種形狀數據處理方法，該方法包括：獲取畫布的像素點信息；根據所述畫布的像素點信息確定第一邊界點并標記所述第一邊界點，其中，所述第一邊界點的透明度為0，所述第一邊界點的后一個邊界點的透明度不為0；以被標記的邊界點為中心依次遍歷所述被標記的邊界點周圍的像素點，確定出所述被標記的邊界點周圍的像素點中的第二邊界點并標記所述第二邊界點，其中，所述第二邊界點的透明度為0且所述第二邊界點的上下左右四個像素點中存在透明度不為0的點；重復以所述被標記的邊界點為中心依次遍歷所述被標記的邊界點周圍的像素點直至確定出整個畫布所有的邊界點并標記，其中，每個邊界點的透明度都為0，且每個邊界點的上下左右四個像素點中存在透明度不為0的點；將所述被標記的邊界點導出，得到所述畫布的形狀邊界。

進一步地，獲取畫布的像素點信息包括：獲取以RGBA色值形式保存的數組形式的像素點信息，其中，所述像素點信息中的像素點按從左到右、從上到下的順序排列，A表示像素點的透明度參數。

進一步地，在獲取畫布的像素點信息之前，所述方法還包括：對所述畫布中的形狀著色，使得所述畫布中的形狀像素的透明度不為0，其中，所述畫布的背景不著色，所述畫布的背景像素的透明度為0。

進一步地，以所述被標記的邊界點為中心依次遍歷所述被標記的邊界點周圍的像素點，確定出所述被標記的邊界點周圍的像素點中的第二邊界點并標記所述第二邊界點包括：以所述被標記的邊界點為中心確定九宮格；依次遍歷所述九宮格內的像素點，判斷每個像素點是否滿足透明度為0；在像素點的透明度為0的情況下，判斷該像素點的上下左右四個相鄰像素點是否存在透明度不為0的點，如果存在，則確定該透明度為0的點為第二邊界點；標記所述第二邊界點。

進一步地，所述畫布為Canvas畫布，在Canvas 2D中，通過context.getDataImage方法獲取畫布的像素點信息；在WebGL中，通過context.readPixels方法獲取畫布的像素點信息。

進一步地，將所述被標記的邊界點導出，得到所述畫布的形狀邊界包括：將被標記的邊界點以點集或路徑的形式導出，得到所述畫布的形狀邊界。