Wie kann ich HTML/CSS mit Javascript in PDF konvertieren?

Question

Ich habe jsPDF angeschaut, aber das Plugin streift CSS im exportierten PDF. Ich habe auch html2canvas angeschaut, aber das macht einen Screenshot des aktuellen Fensters. Mein HTML-Inhalt ist vor dem Benutzer verborgen und ich suche nach einer Lösung, die aus einem HTML-Block eine PDF-Datei erstellen würde. Irgendwelche Vorschläge?

EDIT: Ich habe gerade versucht, html2canvas zu jsPDF zu erstellen, aber ich bekomme ein leeres PDF-Dokument. Kann mir bitte jemand sagen warum? http://jsfiddle.net/5ud8jkvf/6320/

$('.download').on('click', function(){ 
    html2canvas($('.print'), { 
    onrendered: function(canvas) { 
     $('#canvas').replaceWith(canvas); 
    }, 
    //width: 200, 
    //height: 200 
    }); 
    setTimeout(function(){ 
     var doc = new jsPDF(); 
     var specialElementHandlers = { 
     '#editor': function (element, renderer) { 
      return true; 
     } 
     }; 

    doc.fromHTML($('canvas').html(), 15, 15, { 
     'width': '200', 
      'elementHandlers': specialElementHandlers 
    }); 
    doc.save('sample-file.pdf'); 

    }, 500); 
}); 

Answer 1

Könnten Sie html2canvas wie folgt verwenden, sollte es keine Rolle, dass Ihre HTML-Inhalt verborgen ist sollte es möglich sein, darauf zuzugreifen, wie so:

var pdf = new jsPDF('p', 'pt', 'letter'); 
pdf.addHTML($('#hiddenElement').html(), function() { 
    pdf.save('Test.pdf'); 
});