Создание высококачественного PDF с использованием html2canvas и jspdf

Question

В настоящее время я работаю над проектом, в котором я должен разработать PDF из HTML.Я использую Angular 5 на переднем конце.Я пытался создать высококачественный PDF, используя две библиотеки html2canvas и jspdf.но не повезло.

Я создал свой div, из которого я хочу сделать pdf, и использую следующий код для создания pdf.Качество PDF очень размыто и не приемлемо.

html2canvas(sourceElement, { scale: 2 }).then((canvas) => {
      // console.log("the value of canvas is: ", canvas);
      // console.dir(canvas);
      const imgWidth = 208;
      const pageHeight = 295;
      const imgHeight = canvas.height * imgWidth / canvas.width;
      const heightLeft = imgHeight;
      const contentDataURL = canvas.toDataURL('image/png')
      let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
      var position = 0;
      pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
      pdf.save('MYPdf.pdf'); // Generated PDF
    });

Пожалуйста, предоставьте мне несколько статей или примеров кода, которые помогут мне решить эту проблему.Я не нашел ни одной статьи, которая бы мне хорошо объясняла, как генерируется PDF и как я могу сделать его качественным.

Аналогичный вопрос:

Как скрыть div и не показывать html при создании pdf?Уже используется visibiliy: нет и непрозрачность: 0.0