converting html file into pdf using jspdf library

Question

I am trying to convert the html file to pdf using jsPDF library. But in the code I implemented, the whole image is not converting into pdf. Only half of it is visible. Could someone please tell me where am I wrong?

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.beginPath();
context.moveTo(0,0);
context.lineTo(200,100);
context.closePath();
context.strokeStyle = '#0000ff';
context.stroke();

download.addEventListener("click", function() {
  // only jpeg is supported by jsPDF
 var imgData = canvas.toDataURL("image/jpeg",1.0);              
var pdf = new jsPDF();
 pdf.addImage(imgData, 'JPEG', 0, 0);

var download = document.getElementById('download');
  pdf.save("download.pdf");
});

<script src="https://parall.ax/parallax/js/jspdf.js"></script>
<canvas id="myCanvas" width="200" height="100" style="border:solid #0000ff;">
</canvas>
<button id="download">download</button>

Nate Good · Accepted Answer · 2016-10-30 20:45:37Z

1

I recently did some research on converting html to pdfs. I looked at jsPDF, but it seemed better suited for embedding PDF documents into html pages.

If you're looking to export a html page to PDF you may want to consider https://github.com/fraserxu/electron-pdf, which is what I ultimately decided to use. Electron generates output consistent with the 'print to pdf' feature in Chrome.

Note: this is a server-side rendering solution. If you have to do it client-side then it is not the right solution.

answered Oct 30, 2016 at 20:45

Nate Good

4494 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

converting html file into pdf using jspdf library

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related