如何使用PHP在图像上显示热图?

如何使用PHP在图像上显示热图?,php,javascript,image,heatmap,Php,Javascript,Image,Heatmap,我在一个内有一个图像(图形),上面显示了累积的点击,所以它看起来像是一堆乱七八糟的点 我想让它看起来更“好看”,我认为热图是最好的选择 我如何实施这样的解决方案 我对PHP或javascript不是特别熟练,所以任何指针都会有所帮助。就累积点击而言,您只需在JS中注册一个点击处理程序,就可以计算出点击事件在图像上发生的位置。然后,您可以使用AJAX(或您选择的另一种方法)将这些单击返回到Web服务器,并以某种方式存储它们 关于创建热图,您有两条潜在路线 您可以使用诸如GD或ImageMagick

我在一个
内有一个图像(图形),上面显示了累积的点击,所以它看起来像是一堆乱七八糟的点

我想让它看起来更“好看”,我认为热图是最好的选择

我如何实施这样的解决方案


我对PHP或javascript不是特别熟练,所以任何指针都会有所帮助。

就累积点击而言,您只需在JS中注册一个点击处理程序,就可以计算出点击事件在图像上发生的位置。然后,您可以使用AJAX(或您选择的另一种方法)将这些单击返回到Web服务器,并以某种方式存储它们

关于创建热图,您有两条潜在路线

  • 您可以使用诸如GD或ImageMagick之类的库在PHP中生成热图图像服务器端,并将该图像放置在图形上

    这样做的好处是不用担心浏览器与各种JS解决方案的兼容性,但这将意味着增加服务器负载

  • 您还可以在JS中生成热图客户端-有很多可能的方法可以做到这一点

    这样做的好处是将繁重的工作留给浏览器,保持服务器平稳运行。但是,您可能会面临浏览器兼容性问题

  • 为了完整地回答这个问题,多了解一些您已经掌握的知识、您受到的限制以及您是否对所使用的技术有任何偏好,这将是非常有帮助的

    • 首先,使用jQuery库,您可以选择用户鼠标单击给出的位置,您可以看到一个示例URL
    • 第二,你必须将这些信息提交给你的服务器,这些小数据包表明:IP或用户、事件日期、鼠标位置、单击的对象、页面
    • 第三,您可以创建一个arlgoritmo,例如,根据列表添加所有单击,并指定圆的颜色和大小(如果您使用这些)
    • 第四,可以使用PHP GD库制作图像,或者可以考虑根据数据仓库创建覆盖CSS属性,如亮度或阴影

    您是否在询问如何生成图像?或者如何显示它?