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

Question

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

0

Я в ситуации, когда мне нужно загрузить 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>

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

user3305327 02 фев. 2015, в 10:02

Источник

0

используйте ваш код $(document).ready(function() { /* code inside */ });
Tamil Selvan C 02 фев. 2015, в 08:13
0

увидеть ошибку в консоли
Tamil Selvan C 02 фев. 2015, в 08:14
0

@TamilSelvan ... изменил его на $ (документ) .ready (function (), но все равно безрезультатно
user3305327 02 фев. 2015, в 08:22
0

@TamilSelvan ... Хорошо ... Я выяснил проблему ... было какое-то неправильное включение библиотеки JSPDF там ... но суть в том, что теперь я получаю только полный PDF
user3305327 02 фев. 2015, в 09:23
1

Проверьте этот ответ на пустую проблему pdf stackoverflow.com/a/28896492/827047
Simon Bengtsson 05 апр. 2015, в 21:24

Показать ещё 3 комментария

Теги:

php

jspdf

1 ответ

Ещё вопросы

используйте ваш код $(document).ready(function() { /* code inside */ });
@TamilSelvan ... изменил его на $ (документ) .ready (function (), но все равно безрезультатно
@TamilSelvan ... Хорошо ... Я выяснил проблему ... было какое-то неправильное включение библиотеки JSPDF там ... но суть в том, что теперь я получаю только полный PDF
Проверьте этот ответ на пустую проблему pdf stackoverflow.com/a/28896492/827047

Lipocodes · Answer 1 · 2016-12-03T12-07-00.000Z

Ниже приведен пример реализации библиотеки 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);} 



    }




                            });



}