使用jspdf和html2canvas将包含图像的html页面下载为pdf

Question

实际问题

我正在使用 jspdf 和 htmlcanvas 在 Python-Flask 中创建PDF。 我们有一些带有图像的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);
    }
});

预期产量