Canvas上のイメージを画像ファイルとして保存する方法 - JavaScript｜OAR CODE

Canvas上に描画したイメージを画像ファイルとして保存する方法についてです。 流れとしては、 CanvasからBase64データを取得 Base64データからBlobデータに変換 a要素を使ってファイルダウンロード という感じになります。 HTML <div style="width:300px;height:250px;"> <canvas id="myCanvas" width="300" height="250"></canvas> </div> <div> <button onclick="saveCanvas('png');">pngで保存</button> <button onclick="saveCanvas('jpeg');">jpegで保存</button> </div> JavaScript // canvas上のイメージを保存 function saveCanvas