[發明專利]一種網頁圖形動畫實現方法及裝置

無效

• 申請號: 201210202154.X
• 申請日: 2012-06-19
• 公開（公告）號: CN102799425A
• 公開（公告）日: 2012-11-28
• 發明（設計）人: 孟朋
• 申請（專利權）人: 深圳市同洲電子股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30;G06T13/00
• 代理公司: 廣州三環專利代理有限公司 44202
• 代理人: 郝傳鑫;熊永強

技術領域

本發明涉及瀏覽器、圖形圖像處理領域，尤其涉及一種網頁圖形動畫實現方法及裝置。

背景技術

目前，基于嵌入式瀏覽器實現圖形動畫的技術，通常采用Flash的方式來實現制作flash圖形動畫，并通過adobe?flash?player播放，或者通過JavaScript代碼調用瀏覽器內核不停的渲染實現。

但現有技術中采用Flash的方式來實現制作flash圖形動畫，有以下缺點：1、需要安裝adobe?flash?player播放插件，增加項目預算成本；2、對處理器性能要求高，不適用于低端硬件平臺。

現有技術中通過JavaScript代碼調用瀏覽器內核不停的渲染實現，有以下缺點：1、網頁調用瀏覽器內核渲染畫面時，每次都需要生成render樹，時間開銷大；2、對處理器性能要求高。

發明內容

本發明所要解決的技術問題在于，提供一種網頁圖形動畫實現方法及裝置，可快速流暢的實現網頁中圖形的動態變化效果，滿足各種不同用戶的需求。

為了解決上述技術問題，本發明實施例提供了一種網頁圖形動畫實現方法，包括：

調用擴展的JavaScript圖形對象接口，以將圖形數據寫入瀏覽器內存；

調用擴展的JavaScript圖形對象的屬性編輯接口，以設置圖形關聯結構體各參數值；

調用擴展的JavaScript圖形對象的方法調用接口，以計算圖形的目標位置和大小以及運動時間，并調用繪圖設備進行繪圖。

其中，所述調用擴展的JavaScript圖形對象接口，以將圖形數據寫入瀏覽器內存之前，包括：

在瀏覽器的JavaScript引擎中擴展一套圖形動畫的對象接口，以便實現圖形動畫。

其中，所述圖形動畫的對象接口包括所述擴展的JavaScript圖形對象接口、所述擴展的JavaScript圖形對象的屬性編輯接口和所述擴展的JavaScript圖形對象的方法調用接口。

其中，所述調用擴展的JavaScript圖形對象的方法調用接口包括：

解析網頁，以便瀏覽器的JavaScript引擎處理網頁中的JavaScript代碼；

利用瀏覽器的JavaScript引擎處理網頁中的JavaScript代碼，在網頁中調用所述擴展的JavaScript圖形對象的方法調用接口；

調用接口調用圖形處理函數，實現圖形數據的處理，以獲取所述圖形關聯結構體各參數值；?

根據所述圖形關聯結構體各參數值計算出圖形的目標位置和大小以及運動時間，并調用繪圖設備進行繪圖。

其中，還包括：

調用擴展的JavaScript圖形對象的方法調用接口，以計算圖形的目標位置和大小以及運動時間，并調用主處理器進行軟件的渲染繪圖。

相應地，本發明實施例還提供了一種網頁圖形動畫實現裝置，包括：

第一調用模塊，用于調用擴展的JavaScript圖形對象接口，以將圖形數據寫入瀏覽器內存；

第二調用模塊，用于調用擴展的JavaScript圖形對象的屬性編輯接口，以設置圖形關聯結構體各參數值；

第三調用模塊，用于調用擴展的JavaScript圖形對象的方法調用接口，以計算圖形的目標位置和大小以及運動時間，并調用繪圖設備進行繪圖。

其中，還包括：

擴展模塊，用于在瀏覽器的JavaScript引擎中擴展一套圖形動畫的對象接口，以便實現圖形動畫。

其中，所述圖形動畫的對象接口包括所述擴展的JavaScript圖形對象接口、所述擴展的JavaScript圖形對象的屬性編輯接口和所述擴展的JavaScript圖形對象的方法調用接口。

其中，所述第三調用模塊包括：

第一單元，用于解析網頁，以便瀏覽器的JavaScript引擎處理網頁中的JavaScript代碼；

第二單元，用于根據所述第一單元中瀏覽器的JavaScript引擎處理網頁中的JavaScript代碼，在網頁中調用擴展的JavaScript圖形對象的方法調用接口；

第三單元，用于調用圖形處理函數，以獲取所述圖形關聯結構體各參數值，根據所述圖形關聯結構體各參數值計算出圖形的目標位置和大小以及運動時間，并調用繪圖設備進行繪圖。

其中，還包括：

第四調用模塊，用于調用擴展的JavaScript圖形對象的方法調用接口，以計算圖形的目標位置和大小以及運動時間，并調用主處理器進行軟件的渲染繪圖。