如何用角度为7的内联CSS将HTML模态内容转换为pdf？

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）它包含html2canvas和jspdf。