压缩/调整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");

我实际上没有测试这个,所以调整大小部分可能是错误的,但它会是这样的.

尝试使用canvas标记搜索如何调整图像大小.