php - キャンバス タグで生成された画像ファイルを heatmap.js で保存するにはどうすればよいですか?

Question

画像として生成されたキャンバス heatmap.js を保存するにはどうすればよいですか?

toDataURL() でテストしてきましたが、できません。

サーバーに保存します。

Answer 1

garmurがここimgでコメントしたように、たとえば次のように、要素のソースとしてデータURLを配置できます。

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

次のようなHTMLタグを使用します。

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

canvas次に、画像には、データURL生成時にあったものの（少なくともChromeでは）PNGバージョンが含まれます。

ちなみに、これらは実際にはURLではなくデータURIと呼ばれますが、javascript関数は実際には.toDataURL()です。奇妙なもの。

Answer 2

どうしたの？

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

うまく機能しているように見えた