• 初识热力图


           近期项目要求我用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上,实现热力图效果



  • 相关阅读:
    103. 二叉树的锯齿形层次遍历
    102. 二叉树的层次遍历
    94. 二叉树的中序遍历
    Redis和数据库 数据同步问题
    203. 移除链表元素
    19. 删除链表的倒数第N个节点
    237. 删除链表中的节点
    141. 环形链表
    2. 两数相加
    143. 重排链表
  • 原文地址:https://www.cnblogs.com/zsychanpin/p/6860977.html
Copyright © 2020-2023  润新知