Загрузите html-страницу, содержащую изображение, в pdf, используя jspdf и html2canvas - PullRequest
0 голосов
/ 18 декабря 2018

Актуальная проблема

Я использую jspdf и htmltocanvas для создания PDF в Python-Flask .У нас есть HTML-текст с изображением, и мы хотим загрузить его в PDF-файл одним нажатием кнопки.Я сделал jsfiddle, чтобы показать это, когда мы нажимаем кнопку «Печать», загружается pdf, но текст получается растянутым, а изображение логотипа не появляется.Просьба проверить код в jsfiddle, не в состоянии понять, что заставляет его не показывать изображение и растягивать текстовые символы в скачанном pdf.

Что я сделал

Ниже приведена ссылка jsfiddle для кода: -

http://jsfiddle.net/qcLkud1e/

var doc = new jsPDF('landscape');
function add_logo(doc){
    return doc.addImage($('img').attr('src'),90,0,120,40);
}

$("#printtopdf").on('click',function(){
    doc.save('Invoice.pdf');
});

html2canvas($(".wrapper"),
{ allowTaint: true,
    useCORS: false,
    onrendered:function(canvas)
    {
        var dataUrl = canvas.toDataURL("image/png");
        doc.addImage(dataUrl,0,0,300,210);
        doc = add_logo(doc);
    }
});

Ожидаемый результат Expected Output Screenshot

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...