我在 <div>
中有一个图像(图表)显示累计点击次数,因此看起来像到处都是乱七八糟的点。
我想让这个看起来“更好”,并认为热图将是最好的选择。
我如何实现这样的解决方案?
我不太擅长 PHP 或 javascript,所以任何指示都会有帮助。
最佳答案
就累积点击而言,您可以简单地在 JS 中注册一个点击处理程序,该处理程序将计算出图像上发生点击事件的位置。然后,您可以使用 AJAX(或您选择的替代方法)将这些点击返回到您的网络服务器,并可能以某种方式存储它们。
关于创建热图,您有两种可能的路线。
您可以使用 GD 或 ImageMagick 等库在 PHP 中生成热图图像服务器端,并将该图像放置在图表上。
这样做的好处是不用担心浏览器与各种 JS 解决方案的兼容性,但是这将意味着服务器负载增加。
您还可以在 JS 中生成热图客户端 - 有很多可能的方法可以实现此目的。
这有一个很好的好处,可以将繁重的工作留给浏览器,从而保持服务器平稳运行。但是,您可能会遇到浏览器兼容性问题。
为了完全回答这个问题,了解一下您已经拥有的内容、您受到的限制以及您对所使用的技术是否有任何偏好会很有帮助!
关于php - 如何使用 PHP 在图像上显示热图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7517623/