[發(fā)明專利]圖像動態(tài)展示的方法、裝置、系統(tǒng)及介質(zhì)

有效

• 申請?zhí)枺?/td>: 201811035391.5
• 申請日: 2018-09-05
• 公開（公告）號: CN109144655B
• 公開（公告）日: 2021-03-30
• 發(fā)明（設(shè)計）人: 李東華
• 申請（專利權(quán)）人: 京東數(shù)字科技控股有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 中科專利商標(biāo)代理有限責(zé)任公司 11021
• 代理人: 趙婷

1.一種圖像動態(tài)展示的方法，包括：

獲取圖像的靜態(tài)要素和動態(tài)要素、以及所述動態(tài)要素的動態(tài)參數(shù)，其中所述動態(tài)參數(shù)包括當(dāng)前動態(tài)參數(shù)和目標(biāo)動態(tài)參數(shù)；

展示所述靜態(tài)要素；以及

在展示所述靜態(tài)要素的同時，根據(jù)所述動態(tài)參數(shù)，動態(tài)更新所述動態(tài)要素的展示，包括以所述當(dāng)前動態(tài)參數(shù)開始，循環(huán)執(zhí)行如下操作直到所述當(dāng)前動態(tài)參數(shù)與所述目標(biāo)動態(tài)參數(shù)一致：

按照所述當(dāng)前動態(tài)參數(shù)繪制所述動態(tài)要素；

展示所述動態(tài)要素；以及

以所述當(dāng)前動態(tài)參數(shù)加上預(yù)定變化量來更新所述當(dāng)前動態(tài)參數(shù)；

其中，所述圖像包括弧形進(jìn)度條，所述弧形進(jìn)度條的靜態(tài)要素包括背景條；所述弧形進(jìn)度條的動態(tài)要素包括進(jìn)度條，其中：

所述進(jìn)度條沿所述背景條所限定的區(qū)域伸展，與所述背景條具有相同的起點(diǎn)；以及，所述動態(tài)參數(shù)包括所述進(jìn)度條在所述背景條中伸展的百分率，其中，對所述進(jìn)度條的展示包括從所述百分率為零的狀態(tài)開始一遍遍重繪和展示。

2.根據(jù)權(quán)利要求1所述的方法，其中：

獲取的所述當(dāng)前動態(tài)參數(shù)為零；或者

獲取的所述當(dāng)前動態(tài)參數(shù)為接收到圖像更新指令時所述圖像中的動態(tài)參數(shù)。

3.根據(jù)權(quán)利要求1所述的方法，還包括：

繪制所述靜態(tài)要素和所述動態(tài)要素；以及

存儲所述靜態(tài)要素和所述動態(tài)要素。

4.根據(jù)權(quán)利要求1所述的方法，其中，所述方法應(yīng)用于canvas。

5.根據(jù)權(quán)利要求4所述的方法，其中，所述靜態(tài)要素和所述動態(tài)要素繪制于所述canvas的不同層。

6.一種圖像動態(tài)展示的裝置，包括：

獲取模塊，用于獲取圖像的靜態(tài)要素和動態(tài)要素、以及所述動態(tài)要素的動態(tài)參數(shù)，其中所述動態(tài)參數(shù)包括當(dāng)前動態(tài)參數(shù)和目標(biāo)動態(tài)參數(shù)；

第一展示模塊，用于展示所述靜態(tài)要素；

第二展示模塊，用于在展示所述靜態(tài)要素的同時，根據(jù)所述動態(tài)參數(shù)，動態(tài)更新所述動態(tài)要素的展示，包括以所述當(dāng)前動態(tài)參數(shù)開始，循環(huán)執(zhí)行如下操作直到所述當(dāng)前動態(tài)參數(shù)與所述目標(biāo)動態(tài)參數(shù)一致：

按照所述當(dāng)前動態(tài)參數(shù)繪制所述動態(tài)要素；

展示所述動態(tài)要素；以及

以所述當(dāng)前動態(tài)參數(shù)加上預(yù)定變化量來更新所述當(dāng)前動態(tài)參數(shù)；

其中，所述圖像包括弧形進(jìn)度條，所述弧形進(jìn)度條的靜態(tài)要素包括背景條，所述弧形進(jìn)度條的動態(tài)要素包括進(jìn)度條：其中：所述進(jìn)度條沿所述背景條所限定的區(qū)域伸展，與所述背景條具有相同的起點(diǎn)；所述動態(tài)參數(shù)包括所述進(jìn)度條在所述背景條中伸展的百分率，其中，對所述進(jìn)度條的展示包括從所述百分率為零的狀態(tài)開始一遍遍重繪和展示。

7.根據(jù)權(quán)利要求6所述的裝置，其中：

獲取的所述當(dāng)前動態(tài)參數(shù)為零；或者

獲取的所述當(dāng)前動態(tài)參數(shù)為接收到圖像更新指令時所述圖像中的動態(tài)參數(shù)。

8.根據(jù)權(quán)利要求6所述的裝置，還包括：

繪制模塊，用于繪制所述靜態(tài)要素和所述動態(tài)要素；以及

存儲模塊，用于存儲所述靜態(tài)要素和所述動態(tài)要素。

9.根據(jù)權(quán)利要求6或8所述的裝置，其中，所述靜態(tài)要素和所述動態(tài)要素繪制于canvas的不同層。

10.一種圖像動態(tài)展示的系統(tǒng)，包括：

一個或多個處理器；

存儲裝置，用于存儲一個或多個程序，

其中，當(dāng)所述一個或多個程序被所述一個或多個處理器執(zhí)行時，使得所述一個或多個處理器執(zhí)行根據(jù)權(quán)利要求1～5任意一項所述的圖像動態(tài)展示的方法。

11.一種計算機(jī)可讀介質(zhì)，其上存儲有可執(zhí)行指令，該指令被處理器執(zhí)行時使處理器執(zhí)行根據(jù)權(quán)利要求1～5任意一項所述的圖像動態(tài)展示的方法。