[發明專利]基于圖片識別的骨架屏生成方法、裝置、設備及存儲介質

在審

• 申請號: 202011594807.4
• 申請日: 2020-12-29
• 公開（公告）號: CN112633270A
• 公開（公告）日: 2021-04-09
• 發明（設計）人: 李世華;杜亮
• 申請（專利權）人: 平安銀行股份有限公司
• 主分類號: G06K9/20
• 分類號: G06K9/20;G06K9/32
• 代理公司: 北京鴻元知識產權代理有限公司 11327
• 代理人: 董永輝;曹素云

1.一種基于圖片識別的骨架屏生成方法，其特征在于，所述方法包括：

獲取加載有真實數據的頁面所對應的截圖；

對所述截圖進行OCR識別，得到頁面元素對應的區域坐標信息；

根據所述區域坐標信息，自動生成骨架屏。

2.根據權利要求1所述的基于圖片識別的骨架屏生成方法，其特征在于，所述的對所述截圖進行OCR識別，得到頁面元素對應的區域坐標信息的步驟中，包括：

對所述截圖進行預處理；

對預處理后截圖進行邏輯區域劃分，得到邏輯區域；其中，所述邏輯區域包括標題欄、左分欄、右分欄、上分欄和下分欄；

對所述邏輯區域進行細劃分，得到頁面元素；

根據像素特征，判斷出所述頁面元素的形狀輪廓，得到所述頁面元素對應的區域坐標信息。

3.根據權利要求1所述的基于圖片識別的骨架屏生成方法，其特征在于，所述的根據所述區域坐標信息，自動生成骨架屏的步驟中，包括：

根據每個頁面元素的區域坐標信息中的點坐標，計算得到每個頁面元素對應的區域塊的寬度和高度；

根據區域坐標信息、以及區域塊的寬度和高度，自動生成骨架屏。

4.根據權利要求3所述的基于圖片識別的骨架屏生成方法，其特征在于，所述的根據區域坐標信息以及區域塊的寬度和高度，自動生成骨架屏的步驟中，包括：

根據左上角點坐標，定位區域塊的左邊和頂部；

根據右下角點坐標，定位區域塊的右邊和底部；

根據所述區域塊的寬度和高度，給出區域塊樣式，并自動生成骨架屏。

5.根據權利要求4所述的基于圖片識別的骨架屏生成方法，其特征在于，所述的給出區域塊樣式，并自動生成骨架屏的步驟中，包括：

給出區域塊樣式并轉化成骨架屏代碼；

將所述骨架屏代碼自動注入到html文件中；

進行頁面渲染，得到骨架屏。

6.根據權利要求5所述的基于圖片識別的骨架屏生成方法，其特征在于，所述骨架屏代碼采用外部引用Js文件的方式自動注入到html文件中。

7.根據權利要求1所述的基于圖片識別的骨架屏生成方法，其特征在于，所述真實數據是呈現給用戶的真實的頁面數據；所述頁面元素包括文本和圖片；所述區域坐標信息包括頁面元素類型和頁面元素的點坐標。

8.一種基于圖片識別的骨架屏生成裝置，其特征在于，包括：

獲取單元，用于獲取加載有真實數據的頁面所對應的截圖；

識別單元，用于對所述截圖進行OCR識別，得到頁面元素對應的區域坐標信息；

生成單元，用于根據所述區域坐標信息，自動生成骨架屏。

9.一種電子設備，其特征在于，所述電子設備包括：

至少一個處理器；以及，

與所述至少一個處理器通信連接的存儲器；其中，

所述存儲器存儲有可被所述至少一個處理器執行的指令，所述指令被所述至少一個處理器執行，以使所述至少一個處理器能夠執行如權利要求1至7中任一項所述的基于圖片識別的骨架屏生成方法中的各步驟。

10.一種計算機可讀存儲介質，存儲有計算機程序，其特征在于，所述計算機程序被處理器執行時實現1至7中任一項所述的基于圖片識別的骨架屏生成方法中的各步驟。