[發明專利]一種圖片渲染方法、裝置及系統

在審

• 申請號: 201811409441.1
• 申請日: 2018-11-23
• 公開（公告）號: CN109740087A
• 公開（公告）日: 2019-05-10
• 發明（設計）人: 李甫
• 申請（專利權）人: 量子云未來（北京）信息科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 北京知呱呱知識產權代理有限公司 11577
• 代理人: 朱紅濤;馮建基

本發明實施例涉及計算機技術領域，公開了一種圖片渲染方法、裝置及系統，該方法包括：接收客戶端發送的圖片渲染請求；根據圖片渲染請求，從預建立的數據庫中調用待渲染的圖片，待渲染的圖片用以對頁面進行渲染；檢測當前的網速信息；若當前的網速低于預設網速閾值時，按照預設規則選取待渲染圖片中至少一張圖片進行分割，并設置分割后的每一個子圖片對應的圖片標識；將待渲染圖片進行轉換，以二進制碼流的形式體現；將二進制碼流和與圖片標識共同傳輸至客戶端，以便客戶端將二進制碼流轉換為待渲染圖片后，按照圖片標識對子圖片進行重組，并在客戶端頁面進行渲染展示。通過該種方式，避免頁面中圖片過多造成頁面卡頓，部分圖片加載失敗的情況。

技術領域

本發明實施例涉及計算機技術領域，具體涉及一種圖片渲染方法、裝置及系統。

背景技術

隨著計算機技術的迅速發展，圖片渲染技術也日益成熟。圖片渲染是程序可視化圖片生成的一個重要過程。在游戲、購物網站等具有圖片渲染需求的應用程序中應用廣泛。網頁上的圖片渲染的速率跟網速有很大關系。網速慢，則圖片渲染速率慢。尤其當網頁上的圖片本身占用內存過大時，圖片渲染速率更加緩慢。這給很多用戶帶來了煩惱，大大降低了用戶體驗度。

那么，如何才能減少頁面渲染時間，即使在網速不佳的情況下，仍然可以盡量保證頁面圖片的渲染速度，成為亟待解決的技術問題。

發明內容

為此，本發明實施例提供一種圖片渲染傳輸方法、裝置及系統，以解決現有技術中由于網絡不佳而導致的頁面中圖片渲染速率慢的問題。

為了實現上述目的，本發明的實施方式提供如下技術方案：

在本發明的實施方式的第一方面中，提供了一種圖片渲染方法，該方法對應于一種圖片渲染系統，系統包括服務器和客戶端，方法由服務器執行，方法包括：

接收客戶端發送的圖片渲染請求；

根據圖片渲染請求，從預建立的數據庫中調用待渲染的圖片，待渲染的圖片用以對頁面進行渲染；

檢測當前的網速信息；

若當前的網速低于預設網速閾值時，按照預設規則選取待渲染圖片中至少一張圖片進行分割，并設置分割后的每一個子圖片對應的圖片標識；

將待渲染圖片進行轉換，以二進制碼流的形式體現，子圖片對應的二進制碼流和圖片標識進行綁定；

將二進制碼流和與圖片標識共同傳輸至客戶端，以便客戶端將二進制碼流轉換為待渲染圖片后，按照圖片標識對子圖片進行重組，并在客戶端頁面進行渲染展示

在本發明的一個實施例中，當前的網速低于預設網速閾值時，按照預設規則選取待渲染圖片中至少一張圖片進行分割，并確定分割后的每一個子圖片對應的圖片標識，具體包括：

當確定待渲染圖片中第一待渲染圖片占用內存大于或者等于預設內存閾值時，將第一待渲染圖片放入圖像形容器canvas中；

按照預設比例對第一待渲染圖片進行等比分割；

并為等比分割后的每一個子圖片設置對應的圖片標識，其中第一待渲染圖片為待渲染圖片中的任一張圖片。

在本發明的另一實施例中，將待渲染圖片進行轉換，以二進制碼流的形式體現，具體包括：

利用base64將待渲染圖片進行轉換，以二進制碼流的形式體現。

在本發明的實施方式的第二方面中，提供了一種圖片渲染裝置，包括：接收單元，用于接收圖片渲染請求；

調用單元，用于從預建立的數據庫中調用待渲染的圖片，待渲染的圖片用以對頁面進行渲染；

檢測單元，用于檢測當前的網速信息；