我们如何使用包含图像和CSS样式的jspdf将HTML页面转换为pdf文件？

Question

下面的代码将生成一个仅包含文本且不包含任何图像或样式的pdf。

var doc = new jsPDF();       
      var source = document.getElementById("dividofhtml");
       doc.fromHTML(source,15,15);
       doc.save();

Answer 1

以下代码将包含pdf中的图像和CSS样式。

html2canvas($("#up"), {
            onrendered: function(canvas) {         
                var imgData = canvas.toDataURL(
                    'image/png');              
                var doc = new jsPDF('p', 'mm');
                doc.addImage(imgData, 'PNG', 0, 0);
                doc.save('text.pdf');
            }
        });