JavascriptでJSON形式の画像ファイルをJPEG画像ファイルに変換

Question

前提・実現したいこと

JavaScriptでJSON形式の画像ファイルをJPEG画像に変換する方法をご教授ください。

Comments

[maisumakun]

JSONの中身はどのようなものでしょうか？

[y_waiwai]

JSON形式の画像ファイルとはどういうもんでしょうか

[momon-ga]

base64をデコードしたいのですか？

Answer 1

JSON形式の画像ファイルをJPEG画像に変換する方法

JSONの中身がどういうものかは分かりませんが、以下の手順になります。

1. JSON をCanvasに描く。
2. canvas.toBlob() で blob を得る。
3. File(blob, filename) でFileオブジェクトを取得する。

canvas.toBlob() は コールバック関数を指定する必要があるので Promise化すると使い勝手が良いと思います。

---

ご質問の JSON が 「インデックスカラー画像を示すオブジェクト」であれば、ドット絵データとして扱い易いです。

CODEPEN ドット絵JSONデータ to File（JPEG よりも PNG がふさわしい事例と思います）。

Answer 2

通常JSON形式の画像ファイルというものが存在しないので対応は困難です。
逆に文字列をダブルクォート付きで囲まれた字列はJSONだともいえます。
「a」=JSONではない、「"a"」=JSON