Рендеринг контента HTML + CSS с html2canvas и jsPDF не работает - PullRequest
Новая
       18

Рендеринг контента HTML + CSS с html2canvas и jsPDF не работает

0 голосов
/ 09 мая 2019

Я пытаюсь использовать сценарии html2canvas для рендеринга моей веб-страницы с помощью css и сохранения ее в PDF.Но при нажатии на ссылку для загрузки в формате PDF ничего не происходит.Вот мой код: - 

<html>
    <head>
    </head>
    <body>
        <div id="editor"></div>

        <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>
        <script type="text/javascript" src="js/html2canvas.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/html2canvas.min.js">
        </script>
        <script type="text/javascript" language="javascript" src="js/jquery.plugin.html2canvas.js">
        </script>
        <script type="text/javascript">
            function genPDF()
            {
                html2canvas(document.body, {
                    onrendered: function (canvas) {

                        var img = canvas.toDataURL("image/png");
                        var doc = new jsPDF();
                        doc.addImage(img, 'JPEG', 20, 20);
                        doc.save('test.pdf');
                    }

                });

            }
        </script>
        <div id="content">
            <h3>Hello, this is a H3 tag</h3>

            <p>a pararaph</p>

        </div>
        <a href="javascript:genPDF()">Download PDF</a>
    </body>
</html>

Не могли бы вы помочь мне выяснить, что здесь не так.

...