Как получить изображение из canvas?

Question

[im_sama]

Я использую html2canvas для того что бы сделать скриншот страницы.
Мне нужно отправить полученный скрин на сервер.
Я написал след. код

html2canvas(document.getElementById('ForPdf'), {
allowTaint: true,
backgroundColor: 'transparent',
useCORS: true,
}).then(
function (canvas) {
let previewButton = document.querySelector('.modal-connection-prices__btn'),
imgageData = canvas.toDataURL("image/png");
/* imgageData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream"); */
previewButton.removeAttribute('disabled');
previewButton.addEventListener('click', function () {
document.getElementById('ForPdf').appendChild(canvas);
});
}
);

Тут скриншот формируется и заносится в canvas ( я его вывожу после контента ) . Но я не могу никак взять от туда изображение .
toDataURL не работает . Я выводил в консоль что только можно , выводится пустая строка (нету url) .

Подскажите в чем может быть проблема или как еще можно из canvas получить изображение .

Comments

[citizen55]

судя по всему вы пытаетесь получить урл с не присоединённого к DOM канвасу
попробуйте после этой строки document.getElementById('ForPdf').appendChild(canvas);