JS - Uncaught (в обещании) DOMException: не удалось выполнить toDataURL для HTMLCanvasElement: испорченные холсты не могут быть экспортированы

Question

Я пытаюсь преобразовать изображение в base64 и отправить изображение на сервер, но в данный момент я получаю следующую ошибку:

app.js:503 Uncaught (in promise) DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

Строка 503 равна

let image = canvas.toDataURL("image/jpeg")

Что я здесь не так делаю?

Код, о котором идет речь:

let theId = $('.rev_slider').attr('id')

let container = document.getElementById(theId);

$('#download-file').click(function () {
    html2canvas(container, { allowTaint: true }).then(function (canvas) {

        let templateData = $('#ds-slide')

        let image = canvas.toDataURL("image/jpeg")
        let title = templateData.data('title')

        console.log(canvas);


        $.post("/downloads/store", {
            image: image,
            title: title,
            templateID: templateData.data('templateid')
        },
            function (data, textStatus, jqXHR) {

                let a = document.createElement('a')

                a.href = data.url;
                a.download = title + '.jpeg';

                document.body.append(a);

                a.click();
                a.remove();
                window.URL.revokeObjectURL(data.url);

            },
            "json"
        );



    });

});