Сжатие/изменение размера jpeg и получение Base64 в Javascript

Question

Как уменьшить размер base64 String для изображения Jpeg? У меня есть base64 фотографии 2000x1000px. Как получить сжатую фотографию basex с разрешением 500x250 пикселей? Кто-нибудь может мне помочь?

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.