如何用PHP在图像上显示热图？

Question

我在<div>内部有一个图像（图形），上面显示累积的点击次数，所以它看起来像是乱七八糟的点。

我想让这个“更好”看，并认为热图是最好的选择。

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

我不是特别擅长PHP或javascript，所以任何指针都会有所帮助。

Answer 1

在累积点击次数方面，你可以简单地在JS中注册一个点击处理程序，它可以解决点击事件发生在图像上的位置。然后，您可以使用AJAX（或您选择的替代方法）将这些点击返回到您的网络服务器，并可能以某种方式存储它们。

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

1. 您可以使用GD或ImageMagick等库在PHP中生成热像图服务器端，并将此图像放在图表上。

   这有一个好处，不用担心浏览器与各种JS解决方案的兼容性，但这意味着服务器负载会增加。

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

   这样可以将辛勤工作留给浏览器，保持服务器平稳运行。但是，您可能会遇到浏览器兼容性问题。

为了完全回答这个问题，了解一下你已经拥有什么，你有什么限制，以及你是否对使用的技术有任何偏好会更有帮助！

Answer 2

• 首先使用jQuery库，您可以选择用户鼠标单击时的位置，您可以看到示例URL
• 其次，您必须提交此信息以不断关注您的服务器，小包，表明：IP或用户，事件日期，鼠标位置，被点击的对象，页面。
• 第三，您可以创建一个arlgoritmo，例如，添加基于列表的所有点击，并且您可以根据圆圈的颜色和大小（如果您使用这些）
• 第四个可以使用PHP GD库制作图像，或者您可以考虑根据数据仓库创建叠加CSS属性，例如亮度或阴影