[發(fā)明專利]網(wǎng)頁渲染方法、裝置及電子設備

有效

• 申請?zhí)枺?/td>: 202210008830.3
• 申請日: 2022-01-06
• 公開（公告）號: CN114139083B
• 公開（公告）日: 2023-03-14
• 發(fā)明（設計）人: 刁佳佳
• 申請（專利權）人: 北京百度網(wǎng)訊科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06T13/00
• 代理公司: 北京銀龍知識產(chǎn)權代理有限公司 11243
• 代理人: 劉念

1.一種網(wǎng)頁渲染方法，包括：

檢測所述網(wǎng)頁的運行信息，所述運行信息包括所述網(wǎng)頁的運行狀態(tài)，所述網(wǎng)頁包括M個元素，M為正整數(shù)，所述運行信息根據(jù)所述網(wǎng)頁頁面的運動時間或者信息匹配情況檢測得到；

在檢測到所述網(wǎng)頁的運行狀態(tài)從第一狀態(tài)切換至第二狀態(tài)的情況下，基于所述網(wǎng)頁的層疊樣式表CSS信息，確定所述M個元素在所述第二狀態(tài)下的目標動畫信息，所述CSS信息包括所述M個元素在所述網(wǎng)頁的各個運行狀態(tài)下的動畫信息；

基于所述目標動畫信息，對所述網(wǎng)頁進行渲染；

其中，所述基于所述網(wǎng)頁的層疊樣式表CSS信息，確定所述M個元素在所述第二狀態(tài)下的目標動畫信息，包括：

從所述CSS信息中獲取所述M個元素在所述第二狀態(tài)關聯(lián)的動畫信息，得到第一動畫信息；

基于所述第一動畫信息確定所述目標動畫信息；

所述基于所述第一動畫信息確定所述目標動畫信息之前，還包括：

獲取所述M個元素在所述第二狀態(tài)下的顯示參數(shù)信息；

基于所述顯示參數(shù)信息生成所述M個元素在所述第二狀態(tài)下的第二動畫信息；

所述基于所述第一動畫信息確定所述目標動畫信息，包括：

將所述第一動畫信息和所述第二動畫信息進行融合，得到所述目標動畫信息，所述第一動畫信息包括所述M個元素在所述運行狀態(tài)下頁面上的可見性變化動畫，以及顯示在頁面上的元素的樣式變化動畫，所述第二動畫信息包括顯示參數(shù)的變化動畫，所述顯示參數(shù)的變化動畫指的是元素在頁面上從一種顯示參數(shù)逐漸變?yōu)榱硪环N顯示參數(shù)，所述顯示參數(shù)包括元素的顯示透明度、元素在網(wǎng)頁的頁面中的顯示位置、元素的顯示分辨率的至少一項，所述目標動畫信息用于實現(xiàn)可見性變化動畫、樣式變化動畫和顯示參數(shù)的變化動畫中至少一種；

所述將所述第一動畫信息和所述第二動畫信息進行融合，得到所述目標動畫信息，包括：

按照動畫時間，將所述第一動畫信息和所述第二動畫信息中相同動畫時間的動畫幀進行合成，得到所述目標動畫信息中的動畫幀。

2.根據(jù)權利要求1所述的方法，其中，所述顯示參數(shù)信息包括以下至少一項：

元素的顯示透明度；

元素在所述網(wǎng)頁的頁面中的顯示位置。

3.根據(jù)權利要求1所述的方法，其中，所述運行信息包括所述網(wǎng)頁在所述第二狀態(tài)下的運行情況，所述基于所述目標動畫信息，對所述網(wǎng)頁進行渲染，包括：

從所述目標動畫信息中獲取所述M個元素在所述運行情況下的第三動畫信息；

基于所述第三動畫信息進行網(wǎng)頁渲染。

4.根據(jù)權利要求1所述的方法，其中，所述M個元素包括目標圖像，所述目標圖像為針對所述網(wǎng)頁的內(nèi)容進行裁剪的圖像。