JSPDF

by dj19910501

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.js"></script>
 <div id="dialog-pdf" title="pdf" stye="display:none;">
    <div id="content">
        <h3>Cat Request Details</h3>

        <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div>
        <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div>
        <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div>
        <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div>
        <div style="display:inline-block; width: 80px; vertical-align: top;">
        123123
        </div> <div style="display:inline-block; width: 80px;...

JavaScript

$(document).ready(function(){ 
var doc = new jsPDF();

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

    $('#cmd').click(function () {
        doc.fromHTML($('#content').get(0), 15, 15, {
	'width': 170, 
	'elementHandlers': specialElementHandlers
});
        doc.save('sample-file.pdf');
    });
});