angularjs tạo/xuất dạng xem html dưới dạng pdf

Question

Tôi đang sử dụng bootstrap để tạo cửa sổ phương thức, trong cửa sổ này tôi có một số thông tin, một số vùng và vùng văn bản, có thể tạo .pdf từ chế độ xem .html này không?

Tôi nhìn vào FileSaver, nhưng điều này chỉ hoạt động tốt để tải xuống bảng, những gì tôi muốn gần giống như một màn hình in của cửa sổ phương thức.

Answer 1

chuyển html sang canvas bằng cách sử dụng html2canvas và sau đó sử dụng jsPdf để chuyển đổi sang pdf. đây là ví dụ fiddle

như thế này

<canvas id="canvas" width="480" height="320"></canvas> 
<button id="download">Download Pdf</button> 

html2canvas($("#canvas"), { 
    onrendered: function(canvas) {   
     var imgData = canvas.toDataURL(
      'image/png');    
     var doc = new jsPDF('p', 'mm'); 
     doc.addImage(imgData, 'PNG', 10, 10); 
     doc.save('sample-file.pdf'); 
    } 
});