jsPDF: html2canvas not loaded while using new .html() method
For all of you who are using webpack
what I did is I added html2canvas
to a ProvidePlugin
. You can read about this here
// webpack configuration
plugins: [
new webpack.ProvidePlugin({
html2canvas: 'html2canvas'
});
]
jsPDF needs html2canvas to be declared in the global scope to work, so you have to write
window.html2canvas = html2canvas;
somewhere before you call html()
.
That said, I wasn't able to make it work either, so I resorted to a wrapper that works around the issue by calling manually html2canvas()
then giving the resulting canvas to jsPDF.
Following the previous anser by ptidus, this should work:
saveAsPdf() {
window.html2canvas = html2canvas;
var doc = new jsPDF(
'p', 'pt', 'a4'
);
doc.html(document.querySelector("body"), {
callback: function(pdf) {
pdf.save("cv-a4.pdf");
}
});
}
There is something off with the margins probably, but I didn't explore that too much. You will also notice that the generated PDF is actually text and not an image.
code example