使用< canvas>创建热图元件？ [英] Creating heatmaps using <canvas> element?

问题描述

是否有任何JavaScript库允许您使用浏览器中的图形渲染功能（例如< canvas> 或SVG）创建热图？

Are there any JavaScript libraries out there that allow you to create heatmaps using in-browser graphic rendering features such as <canvas> or SVG?

我知道HeatMapAPI.com，但他们的热图是在服务器端生成的。我认为在< canvas> 元素的时代，我们不再需要了！

I know about HeatMapAPI.com, but their heat maps are generated on the server side. I think that in the era of <canvas> element we don't need that anymore!

推荐答案

我创建了一个演示，包括一个真实的 - 时间热图与< canvas> 元素和javascript。我还在热图示例旁边添加了文档化的代码。热图生成过程基于canvas元素中的alpha地图，这取决于用户的鼠标移动。
你可以在这里看看我的演示：
http： //www.patrick-wied.at/static/heatmap/

I created a demo including a real-time heatmap with the <canvas> element and javascript. I also added the documented code next to the heatmap sample. The heatmap generation process is based on an alpha map in the canvas element which depends on the users mouse movement. You can take a look at my demo right here: http://www.patrick-wied.at/static/heatmap/

这篇关于使用< canvas>创建热图元件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！