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

Question

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

Answer 1

base64を画像タグに入れます

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

拡大縮小されたキャンバスに描画します

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);

base64を取得する

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

私は実際にこれをテストしなかったので、サイズ変更の部分が間違っているかもしれませんが、それはこのようなものになるでしょう。

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