如何将生成的画布 heatmap.js 保存为图像?
我一直在用 toDataURL() 进行测试,但我不能。
保存在服务器上。
正如 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()
. 奇怪的东西。
有什么问题?
var heatmap1 = h337.create({"element":document.getElementById("heatmapArea"), "radius":25, "visible":true});
var url = heatmap1.get("canvas").toDataURL();
似乎工作得很好