[發明專利]一種圖片顯示方法、智能終端及計算機可讀存儲介質

在審

• 申請號: 202110691747.6
• 申請日: 2021-06-22
• 公開（公告）號: CN113486278A
• 公開（公告）日: 2021-10-08
• 發明（設計）人: 仲家偉;吳閩華;衛宣安;姜坤
• 申請（專利權）人: 西安震有信通科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06T3/00
• 代理公司: 深圳市君勝知識產權代理事務所(普通合伙) 44268
• 代理人: 陳專

本發明公開了一種圖片顯示方法、智能終端及計算機可讀存儲介質，所述方法包括：將引入的所有圖片按順序疊加在同一位置，將所有圖片設置為透明；按照所有圖片疊加的先后順序，每相鄰兩張圖片的一張圖片從透明到顯示，等待預設時間后，另一張圖片從透明到顯示，依次輪詢交替播放，每兩張圖片交替顯示。本發明使熱力圖在展示過程中，每張圖片之間的過度都變得很平滑，使整個熱力圖的效果變得更加直觀清晰。

技術領域

本發明涉及圖片顯示技術領域，尤其涉及一種圖片顯示方法、智能終端及計算機可讀存儲介質。

背景技術

隨著近幾年大數據、數據分析技術的發展，可視化技術也在飛速發展。如何將數據直觀、清晰、合理的呈現出來成了可視化中最重要的組成部分。而在數據可視化展現中，運用最多的是各種不同形式體現數據的圖形元素和各種復雜的動畫效果相互配合交互，從而將數據清晰的展現出來。所以，如何將數據合理的轉換為圖形元素并且流暢平滑的展示，是數據可視化展現的重中之重。

但是在實際開發中，很多效果因為瀏覽器的限制或者不支持，需要配合使用PNG格式的圖片來進行效果的展現，例如熱力圖(熱力圖是以特殊高亮的形式顯示訪客熱衷的頁面區域和訪客所在的地理區域的圖示，熱力圖可以顯示不可點擊區域發生的事情)中，一個完整的熱力圖需要使用很多PNG格式的圖片循環切換來達到理想效果，但是圖片在切換的過程中很難達到平滑的過度。

因此，現有技術還有待于改進和發展。

發明內容

本發明的主要目的在于提供一種圖片顯示方法、智能終端及計算機可讀存儲介質，旨在解決現有技術中圖片在切換的過程中很難達到平滑的過度的問題。

為實現上述目的，本發明提供一種圖片顯示方法，所述圖片顯示方法包括如下步驟：

將引入的所有圖片按順序疊加在同一位置，將所有圖片設置為透明；

按照所有圖片疊加的先后順序，每相鄰兩張圖片的一張圖片從透明到顯示，等待預設時間后，另一張圖片從透明到顯示，依次輪詢交替播放，每兩張圖片交替顯示。

可選地，所述的圖片顯示方法，其中，所述圖片為采用原生JS封裝的熱力圖。

可選地，所述的圖片顯示方法，其中，所述預設時間為1-10秒。

可選地，所述的圖片顯示方法，其中，所述圖片顯示方法還包括：

引入熱力圖平滑展示方法，判斷圖片是否傳入配置；

若是，則在頁面中渲染效果，并循環播放；

若否，則使用默認配置數據，之后在頁面中渲染效果，并循環播放。

可選地，所述的圖片顯示方法，其中，所述圖片顯示方法還包括：

支持在普通網頁中使用CSS方式、在特殊情況下使用JS的方式來動態創建以及支持在地圖中使用Canvas的方式配合mapbox來在頁面上展現效果。

可選地，所述的圖片顯示方法，其中，所述圖片顯示方法還包括：

傳入畫布的寬高配置項，在動畫創建的時，內容的圖片全部自適應畫布設置的大小。

此外，為實現上述目的，本發明還提供一種智能終端，其中，所述智能終端包括：存儲器、處理器及存儲在所述存儲器上并可在所述處理器上運行的圖片顯示程序，所述圖片顯示程序被所述處理器執行時實現如上所述的圖片顯示方法的步驟。

此外，為實現上述目的，本發明還提供一種計算機可讀存儲介質，其中，所述計算機可讀存儲介質存儲有圖片顯示程序，所述圖片顯示程序被處理器執行時實現如上所述的圖片顯示方法的步驟。