jpegを圧縮/サイズ変更し、JavascriptでBase64を取得する

Question

Jpeg画像のbase64文字列のサイズを小さくするにはどうすればよいですか？ 私は2000x1000pxの写真のbase64を持っています。 500x250px base64圧縮写真を取得するにはどうすればよいですか？ 誰かが私を助けることができますか？

Answer 1

ので、私は実際にこれをテストしていないbase64で

var base64 = canvas.toDataURL("image/jpeg"); 

を得るスケールキャンバス

var canvas = document.createElement("canvas"); 
canvas.width = img.width; 
canvas.height = img.height; 
var ctx = canvas.getContext("2d"); 
ctx.scale(0.25, 0.25); 
ctx.drawImage(img); 

にそれを描くイメージタグに

var img = document.createElement("img"); 
img.src = "data:image/gif;base64," + yourBase64; 

をBASE64を置きますサイズ変更部分が間違っているかもしれませんが、 ですが、このようなものになります。

キャンバスタグを使用して画像のサイズを変更する方法を検索してみてください。