Witam potrzebuje wygenerować dokument PDF ze strony internetowej w javascript. Chcę wykorzystać bibliotekę jsPDF (konwersja na PDF) oraz html2canvas (konwersja fragmentu HTML na canvas/obraz) lepszego sposobu na to nie znalazłem gdyż samo jsPDF nie zapamiętuje styli css a mi jest to obojętne czy w PDF będzie zawarty obrazek czy zwykły dokument.
Znalazłem również przykładowy program ale u mnie niestety nie chce działać pomimo, że dołączyłem powyższe bibliotetki, szukam błędu dosyć sporo więc proszę o pomoc. Nie musi być z wykorzystaniem powyższych bibliotek jak ktoś ma lepszy pomysł ogólnie chodzi mi o wyciągnięcie div o konkretnym id (część strony) do dokumentu PDF z zachowaniem styli.
A to strona i skrypt, który nie chce działać:
<html>
<head>
<title>Dokument PDF</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF8"/>
<script type="text/javascript" src="jspdf.js"></script>
<script type="text/javascript" src="html2canvas.js"></script>
<script type="text/javascript">
$("#DownloadPDF").on('click', function () {
html2canvas(document.getElementById("Fragment"), {
onrendered: function (canvas) {
var img = canvas.toDataURL("image/png");
var doc = new jsPDF();
doc.addImage(img,'JPEG', 20, 20);
doc.save('test.pdf');
}
});
});
</script>
</head>
<body>
<h1>Tytuł</h1>
<a href="#" id="DownloadPDF">Pobierz PDF</a>
<div id="Fragment">
<h1>Nagłówek</h1>
<input type="text"/>
<input type="submit"/>
<br/><br/>
<img src="przyklad.png" width="1000" height="1000"/>
</div>
</body>
</html>
Z góry dzięki :)