Converting Canvas to Pdf using JsPDF

Question

I am trying to convert canvas into pdf but i get clean white pdf in result Here is the code, I am not being able to figure out what i am missing..

function HtmlToImage(){ html2canvas(document.body, { onrendered: function(canvas) { var img =canvas.toDataURL("image/jpeg,1.0"); var pdf = new jsPDF(); pdf.addImage(img, 'JPEG', 0, 0); pdf.output('datauri'); } }); }

lol your question was my answer. Doing what you did there correctly added the image for me — owen gerig
– owen gerig, Commented Feb 1, 2016 at 17:35
Me too! Here is the refactor of your code: html2canvas(document.getElementById('comprobante'), { onrendered: function(canvas) { var img =canvas.toDataURL("image/jpeg,1.0"); var pdf = new jsPDF(); pdf.addImage(img, 'JPEG', 0, 0); pdf.output('datauri'); pdf.save('autoprint.pdf'); } }); — Ulises Vargas De Sousa
– Ulises Vargas De Sousa, Commented Aug 11, 2017 at 13:48

diegocr · Accepted Answer · 2014-08-11 10:29:37Z

10

Try this instead:

var pdf = new jsPDF('p','pt','a4'); pdf.addHTML(document.body,function() { pdf.output('datauri'); });

See http://mrrio.github.io/jsPDF/

answered Aug 11, 2014 at 10:29

diegocr

1,0008 silver badges13 bronze badges

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

4 Comments

AddyProg Over a year ago

it says ..pdf.addHTML(document.body,function()

AddyProg Over a year ago

sorry, means debugger is not recognizing this addHTML function

diegocr Over a year ago

addHTML is a new jsPDF plugin, pick the latest version from github.com/MrRio/jsPDF/tree/master/dist

Mohammad Faizan khan Over a year ago

blurry image found using this sadly

DyC · Accepted Answer · 2022-04-08 14:54:51Z

0

function canvas2pdf(){ var img =canvas.toDataURL();
var pdf = new jspdf.jsPDF(); pdf.addImage(img, 'JPEG', 0, 0); pdf.save('canvas.pdf'); }

answered Apr 8, 2022 at 14:54

DyC

11 bronze badge

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Converting Canvas to Pdf using JsPDF

2 Answers 2

4 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Linked

Related