Функция не возвращает base64 строку по всей видимости из за того что canvas находится вне зоне видимости внешней функции, как сделать canvas видимым и вернуть корректную base64 строку?
function resizeImage(im,p) {
var imgObj = new Image();
imgObj.onload = function() {
if (p=='preview') {
var MAX_WIDTH = 80;
var MAX_HEIGHT = 80;
}
if (p=='max_size') {
var MAX_WIDTH = 1305;
var MAX_HEIGHT = 1305;
}
var width = imgObj.width;
var height = imgObj.height;
if (width > height) {
if (width > MAX_WIDTH) {
height *= MAX_WIDTH / width;
width = MAX_WIDTH;
}
} else {
if (height > MAX_HEIGHT) {
width *= MAX_HEIGHT / height;
height = MAX_HEIGHT;
}
}
console.log(width);
console.log(height);
console.log('resizing');
// create an off-screen canvas
var canvas = document.createElement('canvas'),ctx = canvas.getContext('2d');
// set its dimension to target size
canvas.width = MAX_WIDTH;
canvas.height = MAX_HEIGHT;
//цвет канваса
ctx.fillStyle = "white";
ctx.fillRect(0,0,MAX_WIDTH,MAX_HEIGHT);
// draw source image into the off-screen canvas:
ctx.drawImage(imgObj, (MAX_WIDTH - width)/2 , (MAX_HEIGHT-height)/2, width, height);
}
imgObj.src=im;
return canvas.toDataURL('image/jpeg', '1');
}
im