如何在angular 7中使用内联css将HTML模态内容转换为pdf?

我正在尝试将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',position,imgWidth,imgHeight)  
        pdf.save('download.pdf');
      });  
  }
告诉我任何人如何将我的自定义CSS应用于pdf部分?

mmrldb 回答:如何在angular 7中使用内联css将HTML模态内容转换为pdf?

您可以尝试使用html2pdf.js lib(https://www.npmjs.com/package/html2pdf.js) 它包含html2canvas和jspdf。

本文链接:https://www.f2er.com/3140201.html

大家都在问