如何用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版本，這是生成數據URL時canvas上的內容。

作為旁注：它們實際上稱為數據URI而不是URL，但javascript函數實際上是.toDataURL() 。 奇怪的東西。

Answer 2

有什么問題？

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

似乎工作得很好