2015-07-16 18 views
6

Sto usando il bootstrap per creare una finestra modale, in questa finestra ho alcune informazioni, alcune tabelle e aree di testo, è possibile creare un file .pdf da questa vista modale .html?angularjs crea/export html visualizza come pdf

Ho esaminato FileSaver, ma questo funziona solo bene per il download di tabelle, quello che voglio è quasi come un printcreen della finestra modale.

+0

è possibile utilizzare http://html2canvas.hertzen.com/ – atinder

+0

Come posso scaricare la tela invece di visualizzarlo? – klskl

risposta

2

html nascosto su tela utilizzando html2canvas e quindi utilizzare jsPdf per convertire in pdf. qui è esempio fiddle

come questo

<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'); 
    } 
}); 
+0

che è perfetto. Penso di poter applicare questo al mio progetto, grazie – klskl