jsPDF выводит весь единственный снимок экрана кадра вместо печати всего содержимого - PullRequest
Новая
       9

jsPDF выводит весь единственный снимок экрана кадра вместо печати всего содержимого

0 голосов
/ 30 августа 2018

Я использовал модуль jsPDF npm для преобразования HTML в pdf в моем угловом приложении. но я заметил, что при печати страницы веб-сайта в PDF делается только снимок экрана видимой области в Firefox и Chrome и в Internet Explorer. Но я хочу преобразовать всю веб-страницу в PDF.

Я сделал, как показано ниже:

HTML код: 

<div id="elemetToPrint">
   <!-- lengthy Code here (which is scrollable and contains graph as well)-->
<button class="printBtn" (click)="downloadPDF()">print</button>
</div>

машинописный код, как показано ниже: 

const doc = new jsPDF({});
const elementToPrint = document.getElementById('elemetToPrint');
doc.addHTML(elementToPrint, () => {
  doc.autoPrint();
  doc.save('Test.pdf');
});

Пожалуйста, дайте мне знать, если у кого-то есть решение.

Вы можете найти больше справки здесь

Заранее спасибо:)

1 Ответ

0 голосов
/ 30 августа 2018

Посмотрите на html2canvas. Это сфотографирует ваш html, а затем с помощью jsPDF создаст pdf с изображением из html2canvas. Этот инструмент идет рука об руку с jsPDF.

https://html2canvas.hertzen.com/

В УГЛОВОЙ 

 html2canvas(document.querySelector("#capture")).then(canvas => {
        document.body.appendChild(canvas)
  });

HTML 

<div id="capture" style="padding: 10px; background: #f5da55">
    <h4 style="color: #000; ">Hello world!</h4>
</div>

Учебник http://www.shanegibney.com/shanegibney/angular2-and-jspdf-file-generation/

...