Как настроить ширину и высоту в точности как форму angular, которую мне нужно загрузить с помощью jspdf? - PullRequest
Новая
       4

Как настроить ширину и высоту в точности как форму angular, которую мне нужно загрузить с помощью jspdf?

0 голосов
/ 31 марта 2020

У меня есть форма angular, которая имеет 20 полей, и форма довольно длинная. Я дал кнопку загрузки внизу и по клику, я написал несколько строк кода, показанных ниже. Я использовал html2canvas в сочетании с jspdf. Проблема: после того, как форма загружена в формате PDF, вверху остается много места, и видны только 6 полей. Я не могу установить высоту и ширину.

pdf выглядит после загрузки 

  public convetToPDF(){
    let input = document.getElementById('contentToConvert');

    html2canvas(input)
      .then((canvas) => {
        const imgData = canvas.toDataURL('image/png');
        const pdf = new jsPDF({
          orientation: 'landscape',
        });
        const imgProps= pdf.getImageProperties(imgData);
        const pdfWidth = pdf.internal.pageSize.getWidth();
        const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
        pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
        pdf.save('download.pdf');
      });

  }
...