Uint8ClampedArrayイメージをjpg/pngに変換する

Question

私は自分のWebページにUint8ClampedArrayに保存されている画像を持っています。 私はこのイメージを自分のサーバー上のjpg/pngファイルに保存したいと思います。

私はこのコードを実行する画像にアクセスすることができます。

canvas.putImageData(imgData,0,0); 

// create a new img object 
var image=new Image(); 
// set the img.src to the canvas data url 
image.src=canvas.toDataURL(); 

を今私のimage.srcに私はイメージを表す非常に長い文字列を持っています。

私は2つの質問があります。

• 私はIMGのソースを取得するためにキャンバスを使用する必要はありますか私はそれを使用せずに 得ることができますか？
• ブラウザのjpg/pngファイルで画像を変換することは可能ですか？ 、またはサーバーで処理する必要がありますか？

このプロセスの仕組みをよりよく理解したいと思います。 ありがとうございます！

Answer 1

厳密には、JS/asm.js/WASMの独自のJPEGエンコーダを実装することで、キャンバスを使用せずに行うことは可能ですが、キャンバスははるかに簡単です。

JPEGを取得するには、タイプを指定する必要があります：toDataURL("image/jpeg")。