<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"></script>
<script>
$(function() {
var doc = new jsPDF('p', 'pt', 'a4');
var specialElementHandlers = {
};
$('#cmd').click(function() {
doc.fromHTML($('#content').get(0), 15, 15, {
'width': 250,
'margin': 1,
'pagesplit': true,
'elementHandlers': specialElementHandlers
});
doc.save('sample-file.pdf');
});
});
</script>
</head>
<body>
<button id="cmd">generate PDF</button>
<div id="content">
<header>
abc
<img src="https://www.drupal.org/files/issues/header_1.png" />
</header>
footer>
hoha
<img src="http://www.snopes.com/politics/graphics/snowhead.png" />
</footer>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1><h1>my life</h1>
<h1>my life</h1> <h1>my life</h1>
<h1>my life</h1>
<
</div>
</body>
</html>
// Code goes here
/* Styles go here */