Pdfファイルが作成されていますが、その中にhtmlがありません

Question

この問題についてスタックオーバーフローで検索しましたが、私の問題に関連するものは見つかりませんでした。 私のdivにいくつかのデータのPdfファイルを作成したいと思います。 PDFファイルが作成されますが、空のページがあります。アラートjquery関数を使用すると、データが得られます。私のコードは次のとおりです。

var doc = new jsPDF(); 

    var specialElementHandlers = { 
     '#editor': function (element, renderer) { 
      return true; 
     } 
    };  
    function generatePDFFile() { 
     divInvoiceDLG 
     var source = $("#divInvoiceDLG")[0]; 
     //alert($(source).html()); 
    doc.fromHTML(source, 15, 15, { 
     'width': 170, 
     'elementHandlers': specialElementHandlers 
    }); 
    doc.save('sample-file.pdf'); 
} 
function SaveInvoices(patients, InvoiceList, patientInvoice) { 
    debugger; 
    generatePDFFile(); 
//....sometihing else 
} 

Answer 1

私たちはどんな必要なライブラリと周辺のコードが含まれ、ここであなたを助けるために多くの情報を必要とする私のためにそのコードに

function generatePDFFile(elem) { 

const el = document.querySelector('#divInvoiceDLG') 
el.scrollIntoView() 
$(el).css("overflow", "hidden"); 
html2canvas(el, { 
    useCORS: true, 
    allowTaint: true, 
    letterRendering: true, 
    logging: true, 
    onrendered: function (canvas) { 


     var quality = [0.0, 1.0]; 
     var img = canvas.toDataURL("img/png",quality); 
     var doc1 = new jsPDF(); 
     doc1.addImage(img, "JPEG", 1, 1); 
     doc1.save("test.pdf"); 

    }, 

});