Как сделать скриншот страницы с помощью html2canvas, используя событие beforeunload

Я пытаюсь привязать страницу и отправить ее результат canvas.toDataURL на внешний сервер. Все отлично работает, но мне нужно сделать скриншот прямо перед тем, как посетитель покинет страницу (чаще всего после отправки формы). Что я делаю, так это добавляю обработчик события перед разгрузкой, используя JQ, например:

$(window).bind('beforeunload', function(){
    html2canvas(document.body, {async: true, logging: true}).then(function(canvas){
        var data = canvas.toDataURL('image/png', 0.5);

        $.ajax({
            type: 'POST',
            url: 'apiurl.php',
            data: {"screenshot":data},
            success: function(){},
            async:true
        });
    });
});

Проблема в том, что html2canvas является асинхронным, и его асинхронный флаг, независимо от того, установлен ли он в значение true или false, не меняет своего поведения. Кажется, нет собственного способа заставить html2canvas делать скриншоты синхронно. Таким образом, страница не ждет своего выполнения, а просто позволяет посетителю уйти, и, таким образом, html2canvas и $.ajax внутри нее не имеют возможности правильно завершиться.

И даже если я сделаю пост $.ajax синхронным, это все равно не решит проблему, потому что исходный вызов html2canvas все равно асинхронный.

Как заставить страницу ждать завершения html2canvas и $.ajax? У кого-нибудь есть предложения?