[發(fā)明專利]一種播放盒終端熱力圖快照生成方法及系統(tǒng)

在審

• 申請?zhí)枺?/td>: 202011594980.4
• 申請日: 2020-12-29
• 公開（公告）號: CN112698898A
• 公開（公告）日: 2021-04-23
• 發(fā)明（設(shè)計）人: 黃孟懷;陳賽忠;王振國;劉洪林
• 申請（專利權(quán)）人: 卡萊特（深圳）云科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/51;G06F16/532
• 代理公司: 深圳國海智峰知識產(chǎn)權(quán)代理事務(wù)所(普通合伙) 44489
• 代理人: 劉軍鋒

本發(fā)明提供一種播放盒終端熱力圖快照生成方法及系統(tǒng)，其中方法包括接收用戶的熱力圖獲取指令，根據(jù)熱力圖獲取指令從云服務(wù)器中獲取與熱力圖獲取指令相對應(yīng)的播放盒終端GPS數(shù)據(jù)；根據(jù)播放盒終端GPS數(shù)據(jù)控制前端的地圖軟件生成目標熱力圖視圖信息；將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布后，生成并導(dǎo)出圖片形式的目標播放盒終端熱力圖快照；將導(dǎo)出的圖片形式的目標播放盒終端熱力圖快照顯示在前端的顯示頁面上，系統(tǒng)包括多個播放盒終端、前端瀏覽器以及后端云服務(wù)器，本發(fā)明提供的方法及系統(tǒng)，自動生成圖片形式的目標播放盒終端熱力圖快照，方便快捷且清晰度高。

技術(shù)領(lǐng)域

本發(fā)明涉及終端熱力圖領(lǐng)域，尤其涉及一種播放盒終端熱力圖快照生成方法及系統(tǒng)。

背景技術(shù)

目前會將與LED顯示屏連接的播放盒終端(播放盒，與云服務(wù)器連接，接收云服務(wù)器下發(fā)的節(jié)目和指令等)安放在出租車中，控制LED顯示屏播放節(jié)目。播放盒終端中設(shè)有GPS模塊，會實時向云服務(wù)器上傳播放盒終端(車輛)的GPS數(shù)據(jù)，前端瀏覽器與云服務(wù)器連接，根據(jù)用戶指令獲取到GPS數(shù)據(jù)并在前端的地圖軟件中生成熱力圖視圖展示在前端的顯示頁面，但是熱力圖視圖是動態(tài)實時變化的，當用戶想要對熱力圖視圖進行處理分析時，往往需要手動截圖的形式獲取到熱力圖圖片，操作較為麻煩，尤其是當需要獲取的熱力圖圖片較多時，手動截圖浪費大量時間。

發(fā)明內(nèi)容

為了解決上述問題，本發(fā)明提供了一種播放盒終端熱力圖快照生成方法及系統(tǒng)。

本發(fā)明提供的播放盒終端熱力圖快照生成方法，應(yīng)用在前端瀏覽器，包括：接收用戶的熱力圖獲取指令，根據(jù)熱力圖獲取指令從云服務(wù)器中獲取與熱力圖獲取指令相對應(yīng)的播放盒終端GPS數(shù)據(jù)，熱力圖獲取指令包括用戶設(shè)定的時間范圍以及一個或多個播放盒終端，播放盒終端GPS數(shù)據(jù)包括播放盒終端位置信息以及所述播放盒終端在同一個位置上出現(xiàn)的次數(shù)；根據(jù)播放盒終端GPS數(shù)據(jù)控制前端調(diào)用的地圖軟件生成目標熱力圖視圖信息；將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布后，生成并導(dǎo)出圖片形式的目標播放盒終端熱力圖快照，將導(dǎo)出的圖片形式的目標播放盒終端熱力圖快照顯示在前端的顯示頁面上。

進一步的，將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布，生成圖片形式的目標播放盒終端熱力圖快照，包括：通過canvas畫布的第一API接口將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布，生成圖片形式的目標播放盒終端熱力圖快照；并且通過canvas畫布的第二API接口從canvas畫布中導(dǎo)出圖片形式的目標播放盒終端熱力圖快照。

進一步的，第一API接口包括html2canvas接口，第二API接口包括格式轉(zhuǎn)換接口以及存在指定格式保存接口，其中格式轉(zhuǎn)換接口包括convertToPNG接口、convertToJPEG接口、convertToGIF接口以及convertToBMP接口，存在指定格式保存接口為saveAsPNG接口、saveAsJPEG接口、saveAsGIF接口和saveAsBMP接口。

進一步的，方法還包括：通過與canvas畫布關(guān)聯(lián)的html2canvas接口中的useCORS配置項，設(shè)置canvas畫布允許載入符合跨域資源共享規(guī)范的圖片資源，圖片資源為目標熱力圖視圖信息。

進一步的，方法還包括：在將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布之前，將目標熱力圖視圖信息轉(zhuǎn)化為二進制格式保存在本地；將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布包括將二進制格式的目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布。

進一步的，在將目標熱力圖視圖信息作為DOM節(jié)點繪制到前端中的canvas畫布之前，方法還包括根據(jù)設(shè)備上物理像素和邏輯像素的比例確定放大倍數(shù)，根據(jù)放大倍數(shù)對canvas畫布進行放大；對canvas畫布進行放大后，使用css將放大后的canvas畫布縮小，其中，縮小倍數(shù)與所述放大倍數(shù)相等。