2015/10/13

热点图的深入分析(2)

为了阅读的连续性，我还是尽快把《热点图的深入分析(2)》写了，不然感觉会被大家嫌弃，没看(1)的小伙伴我送上地址：传送门

上一篇给大家介绍了热点图数据的收集，那这篇主要是给大伙讲解如何展现，就直接步入正题了

如何动态载入网页

我们需要将原始的网页加载到iframe中，然后用一个遮罩层盖住这个iframe，最后用canvas绘制出热图覆盖在这个上面。

<div id="overflowDiv">
    <div id="heatmapArea">
        <div id="maskDiv">
        </div>
        <p>
            <iframe src="" id="webPageFrame" frameborder="0" name="webPageFrame" scrolling="no" width="1280"></iframe>
        </p>
    </div>
</div>