react js pdf generate from html

GutoTrosla answered on March 25, 2022 Popularity 10/10 Helpfulness 4/10

answer react js pdf generate from html

react js pdf generate from html

Comment

// Rendering react as pdf is generally a pain,
// but there is a way around it using canvas.

// The idea is to convert : HTML -> Canvas -> PNG (or JPEG) -> PDF
// To achieve the above, you'll need :

// npm install --save html2canvas
// npm install jspdf --save
...
printDocument() {
    const input = document.getElementById('divToPrint');
    html2canvas(input)
      .then((canvas) => {
        const imgData = canvas.toDataURL('image/png');
        const pdf = new jsPDF();
        pdf.addImage(imgData, 'JPEG', 0, 0);
        // pdf.output('dataurlnewwindow');
        pdf.save("download.pdf");
      })
    ;
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: generate html javascript pdf

Link to this answer
Share Copy Link

Contributed on Mar 25 2022

GutoTrosla

0 Answers Avg Quality 2/10

react js pdf generate from html

Contents

More Related Answers

react js pdf generate from html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.