Angular jsPdf Как показать какой-то элемент только в PDF - PullRequest
Новая
       17

Angular jsPdf Как показать какой-то элемент только в PDF

0 голосов
/ 06 апреля 2019

HTML-холст 

<div id="convert" *ngIf="!show">
    value : {{name}}


<center>
  <img src="../../assets/logokuptm.png" class="img-fluid" alt="Responsive image" style="width: 350px; height: 250px">
</center></div>

Это мой HTML, который я хочу преобразовать в pdf, но я хочу, чтобы изображение отображалось только в формате PDF, а не на странице. Я уже пробовал ngIf, но он будет отображать изображение на странице, и я также уже пробовал видимый, но он не захватывает изображение. Так как же сделать так, чтобы оно отображалось только в PDF?

Мой экран захвата 

    public captureScreen() {
      const data = document.getElementById('convert');
      html2canvas(data).then(canvas => {
        const imgWidth = 208;
        const pageHeight = 295;
        const imgHeight = canvas.height * imgWidth / canvas.width;
        const heightLeft = imgHeight;
        const contentDataURL = canvas.toDataURL('image/png');
        const pdf = new jspdf('p', 'mm', 'a4');
        const position = 0;
        pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
        pdf.save('MYPdf.pdf');

        this.show = true;
    });
  }
...