[百度分享]基于Canvas的热力图绘制方法(一)
一. 介绍
最近参与的一个项目Marmot中需要根据点坐标绘制热力图。
热力图
以特殊高亮的形式显示访客热衷的页面区域或访客所在的地理区域
特点为：
1. 可以显示不可点击区域发生的事情。你将发现用户经常会点击那些不是链接的地方，也许你应该在那个地方放置一个资源链接。比如：如果你发现人们总是在点击某个产品图片，你能想到的是，他们也许想看大图，或者是想了解该产品的更多信息。 同样，他们可能会错误地认为特别的图片就是导航链接。
2. 热力图同时还能告诉你，页面的哪些部分吸引了大多数用户的注意。这对那些对web分析数据没有很多经验的产品人员非常有用。
3. 如果你在一个页面上有多个链接指向同一个URL，例如：如果有不同位置的3个链接指到同一个特定的产品页面 ，那么热力图将会显示你的访客最喜欢点击哪一个链接，这将帮助你提升网页的设计并让它对用户更加友好，不过实现这个功能需要一些设置。
…………
实例如下：


需要注意的是上图实例粒度粗，梯度小，容差大。反映了热力图的一个属性：趋势相关。不过，热力图也可以做到粒度细，梯度大，容差小。这完全是依据采样数据的精确性以及分析需求来做的。给个例子（Google的眼动分析[焦点梯度]图）:


下面介绍热力图绘制的方法，注意，以下代码并没有检测数据有效性，也没有对数据进行过滤，剔除脏数据，同时没有处理异常。实际使用时请不要忽略此类情况，否则会对最终结果造成干扰……


------解决方案--------------------
这个用flash比较好吧~
------解决方案--------------------
学习。。。
------解决方案--------------------
canvas还不错，好东西
------解决方案--------------------
很高深。。看不懂目前
------解决方案--------------------
不错，不错哦
------解决方案--------------------
学习~！
------解决方案--------------------
偶是初学者，还请高手多帮忙，分享点资料。
------解决方案--------------------
好好学习~~~~
------解决方案--------------------
好好学习，我的博客http://xiaohongchengsf.cublog.cn
------解决方案--------------------
等待源码...............
------解决方案--------------------
学习中
------解决方案--------------------
百度也会搞技术 奇迹了
------解决方案--------------------
学习中.........!
------解决方案--------------------
还未开始学习...
------解决方案--------------------
没想到Canvas还能这样，学习！
------解决方案--------------------
不错，学习了。。。。
------解决方案--------------------
学习下
------解决方案--------------------
学习学习
------解决方案--------------------
很好啊
------解决方案--------------------
很好很犀利