html2pdf nesprávna veľkosť stránky a chýbajúca css - javascript, html, css, html2pdf

Používam html2pdf ( https://github.com/eKoopmans/html2pdf ) previesť formulár do formátu pdf onclick. Samotná forma je veľmi zložitá a obsahuje 4 strany css / js / html. Teraz sa snažím zachytiť jednu stránku.

Doplnok robí, čo chcem, ale veľkosť stránky je nesprávna a niektoré súbory CSS chýbajú. Online vyzerá koniec formulára takto: Koniec strany 1

Koniec vygenerovaného súboru PDF vyzerá takto: Koniec strany 1 pdf

Ľavý a horný okraj je v poriadku, vpravo a dolenie sú vhodné a celý text je na formáte pdf príliš veľký. Možno by bolo dobré, keby kód zmenšil celú veľkosť obrázka, čo by pomohlo dostať všetko späť na jednu stránku, pretože originál má aj menší text. Ako vidíte, modré rámčeky okolo textu chýbajú. Myslím, že to je css.

Môj kód vyzerá takto:

<script type="text/javascript" src="/images/https://rawgit.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.min.js"></script>
<script>
function printPDF() {
var element = document.getElementById("element-to-print");
html2pdf(element, {
hmargin:       -0.60,
vmargin:       20,
filename:     "myfile.pdf",
image:        { type: "jpeg", quality: 0.98 },
html2canvas:  { dpi: 192, letterRendering: true },
jsPDF:        { unit: "in", format: "letter", orientation: "portrait"}

});
}

</script>

odpovede:

Myslím, že musíte niekde zahrnúť tento štýl, overflow: "linebreak", Ak pracujete s tabuľkami, navrhoval by som jspdf autotable tiež