Как преобразовать модальное содержимое HTML в PDF с помощью встроенного CSS в угловых 7?

Question

Я пытаюсь преобразовать html модальное содержимое в pdf. Я также пытался использовать jsPDF и его работу, но мой пользовательский CSS не применяется в разделе PDF. Мне нужно применить мой пользовательский CSS к разделу PDF.

Я пробовал ниже решение

  download(){
     var data = document.getElementById('download_modal_content');  //Id of the table
      html2canvas(data).then(canvas => {  
        // Few necessary setting options  
        let imgWidth = 208;   
        let pageHeight = 295;    
        let imgHeight = canvas.height * imgWidth / canvas.width;  
        let heightLeft = imgHeight;  

        const contentDataURL = canvas.toDataURL('image/png')  
        let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF  
        let position = 0;  
        pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)  
        pdf.save('download.pdf');
      });  
  }

Скажите, кто-нибудь, как применить мой пользовательский CSS к разделу PDF?

Answer 1

Вы можете попробовать использовать html2pdf.js lib (https://www.npmjs.com/package/html2pdf.js) Это englobe html2canvas и jspdf.