标签：google analytics canvas html5 heatmap.js
最近项目要求我用js代码实现热力图，同组的一个兄弟再根据我的js代码来变成actionscript代码来实现，于是就上网搜了很多关于热力图实现的资料：
1.Google Analytic
Google Analytics热力图是新版的网页点击量可视化工具，叫做网页详情分析报告，她通过直观的方式显示出访问者在网页中的点击行为，并且可以告诉你不同位置，不同样式链接的受欢迎程度。
具体百度```
2.heatmap.js
一个用canvas画热力图的利器，打开heatmap.js发现里面的代码并不多，真的很精悍 ，使用起来也很方便，代码中包含两个主要的对象，store heatmap。store是heatmap的数据部分，算是model吧。而heatmap则是真正绘制图像的对象。heatmap部分可以被配置，可以自定义很多的内容，尤其是配色也是可以配置的，那么我们除了做出来正真的heatmap的效果之外还可以做出来各种各样不错的效果的。
具体可以参考heatmap.js 一个用canvas画热力图的利器
3.html5 canvas
用html5的canvas画热力图也比较简单，核心部分在算法，整体思路就是求出alpha值，根据其alpha值(alpha ∈ [0, 255])的大小计算每一位的r，g，b的值，得出所有新的位数据之后，重新绘制。
具体参考统计器中热力图算法
由于flex中也有对应的html5 canvas的api，所以可以将js部分实现的代码，改造后运用在actionscript上，实现热力图效果
标签：google analytics canvas html5 heatmap.js
原文地址：http://blog.csdn.net/hzk1562110692/article/details/38167263
