[發明專利]一種頁面中動畫的生成方法、裝置及電子設備

有效

• 申請號: 201810490717.7
• 申請日: 2018-05-21
• 公開（公告）號: CN108710688B
• 公開（公告）日: 2021-12-21
• 發明（設計）人: 董曉慶
• 申請（專利權）人: 創新先進技術有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京眾達德權知識產權代理有限公司 11570
• 代理人: 劉杰

本說明書公開了一種頁面中動畫的生成方法、裝置及電子設備。該方法包括：在進行頁面展示時，獲得被展示頁面中的目標內容包括圖片和/或圖表，及其目標內容與顯示頁面的當前顯示窗口之間的距離；根據獲得的距離，獲得對應目標內容的生成頻率，其距離與生成頻率負相關；按照獲得的生成頻率，生成對應目標內容的動畫，由于距離當前顯示窗口越遠的目標內容其生成頻率越小，使得整個頁面的動畫生成頻率降低，降低同一時間生成動畫的性能消耗，從而解決了現有技術中多個動畫同時執行導致的頁面卡頓的技術問題，提高了頁面展示的流暢性。

技術領域

本說明書涉及瀏覽器技術領域，特別涉及一種頁面中動畫的生成方法、裝置及電子設備。

背景技術

隨著信息技術的不斷發展，信息內容的展示多種多樣，通過圖片、圖表等方式進行展示更為形象、易讀。在一個頁面上如一個網頁，其圖表可能很多，無法在一個窗口中同時顯示出來，可以通過拖動顯示窗口的進度條，改變顯示窗口的顯示位置來顯示頁面中的其它圖表。

頁面中的圖表在展現時通常采用動畫的方式，為此在圖表生成的時候會進行動畫，即生成圖表展示時的動畫。一個具有多個圖表的頁面，所有的圖表在創建時都進行動畫，多個動畫同時執行會導致頁面的卡頓。亟需一種新的動畫生成方法，來解決多個動畫同時執行導致頁面卡頓的技術問題。

發明內容

本說明書實施例提供一種頁面中動畫的生成方法、裝置及電子設備，用于解決現有技術中多個動畫同時執行導致的頁面卡頓的技術問題，提高頁面展示的流暢性。

第一方面，本說明書實施例提供一種頁面中動畫的生成方法，所述方法包括：

在進行頁面展示時，獲得被展示頁面中的目標內容，及所述目標內容與顯示所述頁面的當前顯示窗口之間的距離，所述目標內容包括圖片和/或圖表；

根據所述距離，獲得所述目標內容的生成頻率，所述距離與所述生成頻率負相關；

按照所述生成頻率，生成所述目標內容對應的動畫。

可選的，所述方法還包括：

在所述當前顯示窗口的位置發生變化時，獲得未完成動畫并更新所述未完成動畫對應的目標圖片與所述當前顯示窗口之間的距離；根據更新后的距離，更新所述未完成動畫的生成頻率。

可選的，根據所述距離，獲得所述目標內容的生成頻率，包括：

f＝λ/2^m

其中，f表示所述生成頻率，λ表示預設頻率，m表示所述距離，當所述目標內容在所述當前顯示窗口中時m＝0。

可選的，所述方法還包括：

在所述當前顯示窗口中展示所述目標內容時，展示所述目標內容對應的動畫，所述動畫的播放頻率為λ。

可選的，在獲得所述目標內容與顯示所述頁面的當前顯示窗口之間的距離之前，所述方法還包括：

判斷所述目標內容的數量是否大于設定閾值；

若是，執行獲得所述目標內容與顯示所述頁面的當前顯示窗口之間的距離的操作。

第二方面，本說明書實施例還提供一種頁面中動畫的生成方法，所述方法包括：

瀏覽器在進行網頁展示時，獲得被展示網頁中的目標內容，所述目標內容包括圖片和/或圖表；

判斷所述目標內容的數量是否大于設定閾值；

若是，獲得所述目標內容與顯示所述網頁的當前顯示窗口之間的距離；

根據所述距離，獲得所述目標內容的生成頻率，所述距離與所述生成頻率負相關；

按照所述生成頻率，生成所述目標內容對應的動畫。