Преобразовать холст в изображение с помощью toDataURL () и добавить в PDF - PullRequest
1 голос
/ 19 апреля 2019

Я реализую:

<script type="application/javascript" src="js/html2canvas.js"></script>
<script type="application/javascript" src="js/jspdf.debug.js"></script>

Обе последние версии.У меня есть:

$(document).ready(function () {
        $('#down_but').click(function() {
            html2canvas(document.getElementById("node")).then(canvas => {
                const img = canvas.toDataURL("image/jpeg",1);
                const pdf = new jsPDF();
                pdf.addImage(img,"jpeg",5,5,205,292);
                pdf.save("file.pdf");

            });
        });
    });

Когда я просто помещаю текст и не добавляю изображение в pdf, открывается и загружается pdf.Но когда я использую canvas toDataurl, ничего не происходит.Я действительно не знаю почему.Я пытаюсь скопировать и вставить код из других вопросов, но ни один из них не работает для меня.Когда я нажимаю кнопку загрузки с id = "down_but", это просто выдает ошибку в консоли dev.

См. Изображение ошибки консоли

Я пытаюсь что-нибудь, но ничего не помогает.Пожалуйста, помогите мне, если кто-то знает, где проблема.Я создаю JSFiddle для него тоже.

1 Ответ

0 голосов
/ 19 апреля 2019
...