Html Преобразование Pdf в угловые js

Question

Я пытаюсь преобразовать html в pdf. Есть ли какая-либо специальная директива, которую я могу использовать. Я также пытался использовать angular-save-html-to-pdf с сайта npm, но при использовании есть некоторая ошибка. Есть ли другой способ конвертировать html в css в угловые js.

Answer 1

Существует jsPDF библиотека, которая поддерживает это. Он использует html2canvas. На сайте есть demo.

var doc = new jsPDF(); 

// We'll make our own renderer to skip this editor 
var specialElementHandlers = { 
    '#editor': function(element, renderer){ 
     return true; 
    } 
}; 

// All units are in the set measurement for the document 
// This can be changed to "pt" (points), "mm" (Default), "cm", "in" 
doc.fromHTML($('body').get(0), 15, 15, { 
    'width': 170, 
    'elementHandlers': specialElementHandlers 
}); 

Answer 2

Вы можете использовать PdfMake с угловыми.

Я сделал образец с pdfmake.

var docDefinition = { 
     content: [ 
     { 
      text: 'Criketers and scores' 
     }, 
     { 
      style: 'demoTable', 
      table: { 
      widths: ['*', '*', '*'], 
      body: [ 
       [{text: 'Name', style: 'header'}, {text: 'Matches', style: 'header'}, 
       {text: 'Score', style: 'header'} 
       ], 
       ['Sachin', '344', '52'], 
       ['Sanga', '320', '89'], 
       ['Ponting', '300', '68'] 
      ] 
      } 
     } 
     ], 
     styles: { 
     header: { 
      bold: true, 
      color: '#000', 
      fontSize: 11 
     }, 
     demoTable: { 
      color: '#666', 
      fontSize: 10 
     } 
     } 
    }; 

    $scope.openPdf = function() { 
     pdfMake.createPdf(docDefinition).open(); 
    }; 

    $scope.downloadPdf = function() { 
     pdfMake.createPdf(docDefinition).download(); 
    }; 

DEMO