Почему ajax не отдает параметры?

Question

Доброе время суток!

Почему console.log( 'ans', ans ) показывает ответ, а console.log( 'r', r ) показывает пустую строку? Я же не объявляю переменную, а использую r.

function captureAndUpload() {
    var r = '';
    html2canvas($("#PAINTING-DIAGRAMMA"), {
        background:'#fff',
        onrendered: function(canvas) {
            var imgData = canvas.toDataURL('image/jpeg');
            var url = 'loadImg.php';
            $.ajax({
                type: "POST",
                url: url,
                dataType: 'text',
                async: false,
                cache: false,
                data: {
                    screen : imgData
                },
                success: function(response){
                    response = "" + response
                    var ans = response.substr(12);
                    r = ans;
                    console.log( 'ans', ans )
                },
                error:function(xhr, ajaxOptions, thrownError){
                    console.log( xhr.responseText )
                }
            });
        }
    });
    console.log( 'r', r )
}