php - 如何使用 heatmap.js 保存由 canvas 标签生成的图像文件？

Question

如何将生成的画布 heatmap.js 保存为图像？

我一直在用 toDataURL() 进行测试，但我不能。

保存在服务器上。

Answer 1

正如 garmur在这里评论的那样，您可以将数据 URL 作为img元素的源，例如：

//assume you have the data URL in variable "url"
document.getElementById("myImage").src=url;

使用这样的 HTML 标签：

<img id="myImage"></img>

然后图像将包含一个（至少在 Chrome 中是这样的）PNG 版本canvas的数据 URL 生成时的内容。

附带说明：它们实际上被称为data URI而不是 URL，但 javascript 函数实际上是.toDataURL(). 奇怪的东西。

Answer 2

有什么问题？

var heatmap1 = h337.create({"element":document.getElementById("heatmapArea"), "radius":25, "visible":true});
var url = heatmap1.get("canvas").toDataURL();

似乎工作得很好