функция jspdf не работает

Question

функция jspdf не работает

Я сейчас нахожусь в ситуации, когда мне приходится загружать HTML-страницу в PDF. Я знаю, что JSPDF — лучшее решение для этого, и я реализовал следующий код, но он не работает …

<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />

<title>Invoice</title>
<link rel="stylesheet" type="text/css" href="/jspdf/examples/css/smoothness/jquery-ui-1.8.17.custom.css">
<link rel="stylesheet" type="text/css" href="/jspdf/examples/css/smoothness/css/main.css">

<script type="text/javascript" src="/jspdf/examples/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/jspdf/examples/js/jquery/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="jspdf/dist/jspdf.debug.js"></script>
<script type="text/javascript" src="/jspdf/examples/js/basic.js"></script>
<script type="text/javascript">
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};

$('#cmd').click(function () {
doc.fromHTML($('#content').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('sample-file.pdf');
});
</script>

</script>
</head>
<body id="target">
<div id="content">
<h3>H3 tag</h3>

<p>a Para</p>
</div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>

</body>
</html>

Пожалуйста, помогите мне в этой ситуации …

0

jspdf php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Ниже приведен пример реализации библиотеки jspdf.js для создания страниц PDF с текущего веб-сайта.

Необходимые библиотеки JS можно скачать Вот:

Пожалуйста, свяжитесь со мной или запишите свой комментарий, если вы найдете какие-либо ошибки.

<script  type="text/javascript" src='jspdf.min.js'></script>

<script  type="text/javascript" src='html2canvas.js'></script><script type="text/javascript">function genPDF()

{html2canvas(document.body, {onrendered : function(canvas)

{

try

{

var canvas1 = document.createElement('canvas');

canvas1.width = canvas.width;    canvas1.height = canvas.height;

var context1 = canvas1.getContext('2d');

context1.drawImage(canvas, 0,0);

options = {orientation: "0", unit: "mm",format: "a4" };

var doc = new jsPDF(options,'p', 'pt', 'a4');

var number_needed_pages = canvas.height / 900;

if(number_needed_pages < 1) number_needed_pages = 1;

for(var x=0; x < number_needed_pages ; x++)

{

var canvas2 = document.createElement('canvas');

canvas2.width = 794; canvas2.height = 900;

var context2 = canvas2.getContext('2d');

context2.drawImage(canvas1, 0 , 0 + 900*x , canvas1.width, canvas2.height, 50, 0,  canvas.width, canvas2.height);

doc.addImage(canvas2.toDataURL('image/png'), 'JPEG', '', '', '');

doc.addPage();

}doc.save("output_file.pdf");

} catch(e){alert(e);}}});}

-1