エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JSでPNGファイルを「直接」生成する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JSでPNGファイルを「直接」生成する - Qiita
jsでpngを作りたいときcanvasなどのAPIを使う方法が一般的 しかし配列にあるデータからpngを作りたい場... jsでpngを作りたいときcanvasなどのAPIを使う方法が一般的 しかし配列にあるデータからpngを作りたい場合 canvasを用意→ループでfillRect→toBlob の手順を踏む必要があり簡単な画像の場合はコストが高くつく 今回はpngの構造を把握してバイナリを直接書くことでpngファイルを生成してみる 動機 Workerスレッドで計算したデータを最終的にimgタグで画面に表示したい OffscreenCanvasは使いたくないのでImageDataでメインスレッドに転送してcanvasに描いてimgに起こしていた これではWorkerスレッドの意味がないのでWorkerスレッドでurlまで完結する画像生成が欲しかった WorkerスレッドでOffscreenCanvasを使わずにPNGを描けたらいいよねということ PNGを知る PNGとは 可逆圧縮を用いた画像フォーマット 可