Не удается получить содержимое div с помощью jsPDF - PullRequest
Новая
       5

Не удается получить содержимое div с помощью jsPDF

0 голосов
/ 03 февраля 2019

Я пытался сгенерировать PDF из HTML, используя jsPDF и html2canvas.Он работал с полной страницей, но не с определенным div, используя getElementById().Консоль говорит: 

IndexSizeError: Index or size is negative or greater than the allowed amount html2canvas.js:2859

Вот мой сценарий 

 <script>
        let doc = new jsPDF();

        doc.addHTML(document.getElementById('content'), function() {
            doc.save('html.pdf');
        });
    </script>

Кто-нибудь может мне помочь с этим?

1 Ответ

0 голосов
/ 04 февраля 2019

doc.addHTML() фактически устарело сейчас.Новый API, поддерживающий вектор, doc.html(), работает намного лучше.Смотрите их образец для себя.Вот рабочий код: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" 
        integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/"
        crossorigin="anonymous"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<!-- html2canvas 1.0.0-alpha.11 or higher version is needed -->

<script>
    function download() {
        let pdf = new jsPDF('l', 'pt', 'a3');
        pdf.html(document.getElementById('content'), {
            callback: function (pdf) {
                pdf.save('test.pdf');
            }
        });
    }
</script>

Обновление: если вы получили пустую страницу, попробуйте разные версии html2canvas

...