canvasを画像としてダウンロードさせたかった話 - Qiita

Qiita初投稿につき不作法等あるかと思うので、ご指摘いただけると幸いです。 プログラミングぢからも底辺なため、そちらも合わせてご指導願います。 やりたかったこと ユーザがWebページ上のボタンをクリックする <canvas>の描画内容がpng画像に変換される png画像が自動でダウンロードされる たった3行の要件に結構な時間かかった。つらい。 どのように困ったのか ①「.click()」がFirefoxで動作しない 【問題】 最初に書いたJavaScriptはこんな感じ。仮想の<a>要素を作ってからURLを仕込んでクリックさせればええんちゃう？といった感じ。 let canvas = document.getElementById('targetCanvas') let link = document.createElement('a') link.href = canvas.toDat

[naohero22]

“自動でダウンロードされない場合、下図を右クリックして保存してください。”