[發明專利]一種頁面渲染方法、裝置、設備和存儲介質

有效

• 申請號: 201811063147.X
• 申請日: 2018-09-12
• 公開（公告）號: CN109165364B
• 公開（公告）日: 2021-01-19
• 發明（設計）人: 凌江華
• 申請（專利權）人: 廣州視源電子科技股份有限公司;廣州視睿電子科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 孟金喆

1.一種頁面渲染方法，其特征在于，包括：

獲取頁面的顯示幀率；

根據所述顯示幀率確定待渲染頁面中每個渲染層中的元素數量約束值；

根據確定的所述元素數量約束值，確定待渲染頁面所包括的元素的層級分配策略，其中，所述層級分配策略包括層數以及每層所包括的元素；

根據所述層級分配策略和元素屬性數據，對所述待渲染頁面的渲染層進行渲染并顯示。

2.根據權利要求1所述的方法，其特征在于，根據所述顯示幀率確定待渲染頁面中每個渲染層中的元素數量約束值包括：

如果所述顯示幀率小于預設幀率值，則根據預設幀率元素映射模型調整待渲染頁面中每個渲染層中的所述元素數量約束值。

3.根據權利要求2所述的渲染方法，其特征在于，還包括：

根據設備參數初始化所述元素數量約束值。

4.根據權利要求3所述的渲染方法，其特征在于，所述設備參數包括下述至少一種：瀏覽器類型、設備類型和設備分辨率。

5.根據權利要求1所述的方法，其特征在于，所述根據確定的所述元素數量約束值，確定待渲染頁面所包括的元素的層級分配策略，包括：

根據待渲染頁面的元素總數量和所述元素數量約束值，確定待渲染頁面包括的渲染層的層數，并按照所述層數，將各所述元素分配至各渲染層；或

將所述待渲染頁面的各所述元素，按照設定規則陸續分配至渲染層，如果任一渲染層所分配的元素數量超出所述元素數量約束值，則新增渲染層。

6.根據權利要求1所述的方法，其特征在于，所述根據確定的所述元素數量約束值，確定待渲染頁面所包括的元素的層級分配策略，包括：

獲取所述待渲染頁面包括的各元素對應的元素屬性數據；

根據所述元素屬性數據，確定各所述元素對應的渲染層類型，其中，所述渲染層類型包括DOM和Canvas；

根據所述元素數量約束值，將各所述元素分配至對應所述渲染層類型的渲染層，其中，所述待渲染頁面中的每個渲染層類型對應設置有至少一個渲染層。

7.根據權利要求6所述的方法，其特征在于，根據所述元素數量約束值，將各所述元素分配至對應所述渲染層類型的渲染層，包括：

確定各所述元素對應的渲染頻率；

根據所述渲染頻率對所述元素進行排序；

根據各所述元素的排序結果，將各所述元素順序分配至所述渲染層類型對應的至少一個所述渲染層，其中，每個所述渲染層中的元素數量與所述元素數量約束值匹配。

8.根據權利要求6所述的方法，其特征在于，根據所述元素數量約束值，將各所述元素分配至對應所述渲染層類型的渲染層，包括：

確定各所述元素對應的渲染頻率；

將各元素的所述渲染頻率與至少兩個預設渲染頻段進行匹配；

根據匹配關系，將各所述元素分配至所述渲染層類型中預設渲染頻段對應的至少一個所述渲染層，其中，每個所述渲染層中的元素數量與所述元素數量約束值匹配。

9.根據權利要求1所述的方法，其特征在于，還包括：

獲取在所顯示頁面上輸入的用戶交互操作的交互坐標；

根據所述交互坐標和所顯示頁面上各元素對應的控制區域，確定待調整元素；

根據所述待調整元素和所述用戶交互操作，確定待渲染元素的屬性變化數據；

根據所述屬性變化數據更新待渲染頁面的元素屬性數據。

10.根據權利要求9所述的方法，其特征在于，所顯示頁面的至少部分元素的控制區域使用可縮放矢量圖形進行描述。