首頁  >  文章  >  web前端  >  HTML5之10 __使用 Canvas API建立 熱點圖

HTML5之10 __使用 Canvas API建立 熱點圖

黄舟
黄舟原創
2017-02-18 14:47:031793瀏覽

使用Canvas API 可以創造許多應用:  圖形、圖表、圖片編輯,  其中最奇妙的一個應用是修改或覆蓋已有內容。 最流行的覆蓋圖稱為熱點圖。 熱點圖可以用在城市地圖上來標示交通路況, 或顯示風暴的活動狀況。

在地圖上只需要將canvas 疊放在地圖上顯示即可。 其實就是用  canvas 覆蓋地圖, 然後再基於對應的活動資料繪製出不同的熱度等級。

以下提供一個例子.



  HTML5 Canvas Example
  
  

HTML5 Canvas Example

Heatmap




__5057% 的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn