[mrFlyer]

Здравствуйте.

Нужна ваша помощь =(, так как с явой у меня что то очень печально.

Пытаюсь осилить ресайз изображения через canvas.

Сама функция вопросов не вызывает:

function fileResize(image){
    var canvas      = document.createElement('canvas');
    var ctx         = canvas.getContext("2d");      
    var newImage    = new Image();
    newImage.onload     = function(){
 
        canvas.width    = 300;
        canvas.height   = 300; 
            
        ctx.drawImage(this, 0, 0, 300, 300);
                // В этом месте измененное изображение показывается.
                //document.getElementById("testIMG").src    =   canvas.toDataURL('image/jpeg');
    }
    newImage.src    =   image.result;
}

Но не могу понять как потом получить само это изображение, вне функции. Те что бы получилось что то типа этого:

resizedImage    =   fileResize(image);
document.getElementById("testIMG").src  =   resizedImage.src;

Максимально успешный мой результат, это просто черный прямоугольник ...
Заранее спасибо за помощь!