My requirement is to convert a HTML content into a PDF (or pdf data url). This should be done in client-side with JavaScript and when converting the HTML into the PDF all the Styles(CSS) should be properly rendered. Styles may have been linked from other css files. Is this possible? Are there any JavaScript libraries to accomplish this task?
Edit: I tried out jsPDF library, it generate pdf file from html content but does not work with css styles
Below is a part of my AngularJS's directive used for creation of pdf file:
link : function(scope, element, attrs) {
element.bind('click', function(evt) {
evt.preventDefault();
printPreview();
setTimeout(function() {
var data = generatePrintData();
var doc = new jsPDF();
doc.fromHTML(
data,
10,
10,
{
'width': 180
}
);
if(scope.user!=null)
var name = scope.user.toString() + ".pdf";
else
var name = "unknown_user.pdf"
doc.save(name);
}, 0);
});
