[發明專利]生成圖片的方法、裝置、電子設備、存儲介質和程序產品

在審

• 申請號: 202011553550.8
• 申請日: 2020-12-24
• 公開（公告）號: CN112634406A
• 公開（公告）日: 2021-04-09
• 發明（設計）人: 楊海艷;刁佳佳
• 申請（專利權）人: 北京百度網訊科技有限公司
• 主分類號: G06T11/60
• 分類號: G06T11/60
• 代理公司: 北京市鑄成律師事務所 11313
• 代理人: 王云紅;包莉莉

1.一種生成圖片的方法，包括：

在小程序中批量獲取待繪制文件中的一個或多個元素，所述一個或多個元素包括文本元素和/或圖片元素，所述一個或多個元素由文檔對象模型DOM節點生成；

根據所述一個或多個元素對應的DOM節點的樣式屬性信息，獲取所述一個或多個元素的繪制屬性信息；

基于所述一個或多個元素的繪制屬性信息，在預設畫布中繪制所述一個或多個元素，以生成圖片。

2.根據權利要求1所述的方法，其中，所述根據所述一個或多個元素對應的DOM節點的樣式屬性信息，獲取所述一個或多個元素的繪制屬性信息，包括：

根據所述一個或多個元素中各元素對應的DOM節點的class類名，查詢各元素對應的計算樣式信息；

基于各元素對應的計算樣式信息，確定各元素在所述預設畫布中的位置以及各元素的繪制樣式。

3.根據權利要求2所述的方法，其中，基于各元素對應的計算樣式信息，確定各元素在所述預設畫布中的位置，包括：

基于各元素的計算樣式信息確定各元素的top值和left值，將top值相同的多個元素聚合為同一行，其中，所述top值為單個元素與所述預設畫布的上邊界的距離；

對于位于同一行的多個元素，根據各元素的left值確定各元素在本行中的位置，其中，所述left值為單個元素與所述預設畫布的左邊界的距離。

4.根據權利要求3所述的方法，其中，所述方法還包括：

同一行中包括n個元素，若第n個元素的left值與第1個元素的left值相同，且所述第n個元素的高度值大于或等于所述第1個元素的高度值的兩倍，則確定所述第n個元素出現換行，其中，n為大于或等于2的正整數。

5.根據權利要求1所述的方法，還包括：在所述一個或多個元素由鏈接節點生成的情況下，基于所述鏈接節點下載所述一個或多個元素，并將所述一個或多個元素繪制在所述預設畫布上。

6.根據權利要求1至5中任一項所述的方法，還包括：

初始化所述預設畫布，根據鏈接信息確定所述預設畫布的背景類型；

在存在所述鏈接信息的情況下，確定所述背景類型為背景圖片，并根據所述鏈接信息下載所述背景圖片以填充在所述預設畫布中；

在不存在所述鏈接信息的情況下，確定所述背景類型為純色背景，并根據顏色值在所述預設畫布中填充對應顏色。

7.一種生成圖片的裝置，包括：

元素獲取模塊，用于在小程序中批量獲取待繪制文件中的一個或多個元素，所述一個或多個元素包括文本元素和/或圖片元素，所述一個或多個元素由文檔對象模型DOM節點生成；

繪制屬性信息獲取模塊，用于根據所述一個或多個元素對應的DOM節點的樣式屬性信息，獲取所述一個或多個元素的繪制屬性信息；

繪制模塊，用于基于所述一個或多個元素的繪制屬性信息，在預設畫布中繪制所述一個或多個元素，以生成圖片。

8.根據權利要求7所述的裝置，其中，所述繪制屬性信息獲取模塊包括：

查詢子模塊，用于根據所述一個或多個元素中各元素對應的DOM節點的class類名，查詢各元素對應的計算樣式信息；

確定子模塊，用于基于各元素對應的計算樣式信息，確定各元素在所述預設畫布中的位置以及各元素的繪制樣式。

9.根據權利要求8所述的裝置，其中，確定子模塊包括：

行位確定子模塊，用于基于各元素的計算樣式信息確定各元素的top值和left值，將top值相同的多個元素聚合為同一行，其中，所述top值為單個元素與所述預設畫布的上邊界的距離；

行中位置確定子模塊，用于對于位于同一行的多個元素，根據各元素的left值確定各元素在本行中的位置，其中，所述left值為單個元素與所述預設畫布的左邊界的距離。