html - Angular 2 - 如何将 html 导出为 pdf？

Question

如何在我的 angular2 项目中制作下载按钮以将 HTML div 内容保存为 PDF 文件？

这是HTML内容

    

     
 
     

     

     
 
     
Образац ЗПО
     
 
     

     
 
     
显示 обвезнику:
     

     
 
     

     

     
 
     

      
 
      

       
数据类型:
      
      
 
      

       <input value="{{userModel.imeIprezime}}"type="text"class="form-control form-control-sm border-1 border-top-0 border -right-0 border-left-0"style="border-bottom: 1px solid black">
      
      
 
      

       
ПИБ:
      
      
 
      

       <input value="{{userModel.PIB}}"type="text"class="form-control form-control-sm border-1 border-top-0 border -right-0 border-left-0"style="border-bottom: 1px solid black">
      
      
 
      

       
动画:
      
      
 
      

       <input value="{{userModel.ulica + ' ' + userModel.broj + ' ' + userModel.grad}}"type="text"class="form-control form-control-sm border-1 border-top-0 border-right-0 border-left-0"style="border-bottom: 1px solid black">
      
      
 
      

       
Општина:
      
      
 
      

       <input value="{{userModel.opstina}}"type="text"class="form-control form-control-sm border-1 border-top-0 border -right-0 border-left-0"style="border-bottom: 1px solid black">
      
      
 
     
     
 
     

     
 
    

附言我试过 this jsPDF 示例，但它根本不适合我

提前致谢

Answer 1

尝试这样的事情:

在你的div之外创建一个按钮

<button (click)="downloadPdf()">Download PDF</button>

当点击时，它会在你的组件中调用这个函数:

downloadPdf() {
    let doc = new jsPDF();
    doc.addHTML(document.getElementById("obrz"), function() {
       doc.save("obrz.pdf");
    });
}