The text overlaps

[jgrDev]

Hi,
The code I use for exporting is:

html2pdf().from( document.getElementById('previewbox') ).set({
	            margin: 1,
	            filename: fileName+'.pdf',
	            image: { type: "jpeg", quality: 1},
	            jsPDF: {orientation: 'portrait', unit: 'in', format: 'letter', compressPDF: false},
	            pagebreak: {mode: ['avoid-all']} 
	 
            }).save().then(function () {
            	console.log("PDF is donwloaded!");
            });

The properties margin and format may be related.
Thanks!
https://jsfiddle.net/jgrDev/u6o6ne41/4350/
web.pdf

[eKoopmans]

Hi @jgrDev, sorry for the delay! I've investigated and this is an issue within html2canvas. Here's a fork of your fiddle to demonstrate: https://jsfiddle.net/eKoopmans/0qzy8ac4/

In that fiddle, I made these changes:

1. Added html2canvas dependency.
2. Changed the element width to 21.0cm (this is the width of A4, the standard PDF size).
3. Used html2canvas to make a canvas and append to the document.

You will see that the same text overlap is occurring. I'd recommend checking the issue tracker on html2canvas - I know he's done a lot of work recently to support Unicode. Specifically, check the Unicode issue tracker and niklasvh/html2canvas#226. One recommendation is to use the html2canvas option {letterRendering: true}.

If you don't find an answer or similar issue there, open a new issue on html2canvas, and give an example (like the one I made) that doesn't involve html2pdf at all. Good luck!