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

Question

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

我一直在测试toDataURL（），但我不能。

保存在服务器上。

Answer 1

正如garmur评论here，您可以将数据网址作为img元素的来源，例如：

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

使用这样的HTML标记：

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

然后，该图片将包含（至少在Chrome中）它生成数据网址时canvas上的内容的PNG版本。

作为旁注：它们实际上被称为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();

似乎工作得很好