The jsPDF html module generates a blank page

The jsPDF module generates a blank page. No matter if it’s an element reference or an HTML string, I always get empty PDFs for some reason.

import jsPDF from 'jspdf';
import html2canvas from 'html2canvas';
window.html2canvas = html2canvas;

var toPdfBtn = document.getElementById('pdf');

toPdfBtn.addEventListener('click', function() {
  var doc = new jsPDF();   

  doc.html(document.body, {
    callback: function (doc) {
      doc.save();
    }
  });
});

Note: The above code in the event listener handler is the same one from the documentation.

This doesn’t seem to work either:

import jsPDF from 'jspdf';
import html2canvas from 'html2canvas';
window.html2canvas = html2canvas;

var toPdfBtn = document.getElementById('pdf');

toPdfBtn.addEventListener('click', function() {
  var doc = new jsPDF();   

  doc.html('<h3>Test</h3>', {
    callback: function (doc) {
      doc.save();
    }
  });
});

I also tried importing html2canvas from a CDN and excluding it from this file (commenting out the 2nd and 3rd line), but that doesn’t work either. I also tried importing both html2canvas and jsPDF from a CDN and that doesn’t seem to work as well.

I am using the following versions of the packages (excerpt from the packages.json file):

  "dependencies": {
    "html2canvas": "^1.0.0-rc.3",
    "jspdf": "^1.5.3"
  }

[rubenx4p]

Same for me. I’m using it in Angular application. “dependencies”: { “html2canvas”: “^1.0.0-rc.7”, “jspdf”: “^2.3.1” }

try downgrading to html2canvas to rc.1 version.

sorry I forgot to mention that it work great on Chrome, blank page happens only in Safari

[huylethanh]

Same for me. I’m using it in Angular application. “dependencies”: { “html2canvas”: “^1.0.0-rc.7”, “jspdf”: “^2.3.1” }

try downgrading to html2canvas to rc.1 version.

sorry I forgot to mention that it work great on Chrome, blank page happens only in Safari

I got the same issue, because my chrome has grammarly extension.