pdf

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.25/pdfmake.min.js"></script>
<div id="print">
<div>
<table>
<tr>
  <td>
    asdlsaişdlasild
  </td>
</tr>

</table>
</div>
  中文列印測試
</div>

<button id="pdfDownload">download</button>

CSS

#print{
  position:absolute;
  
  text-align: center;
  padding:10px;
  color:#FF0000;
}
#pdfDownload{
  margin:320px;
}

JavaScript

$(function(){
	$("#pdfDownload").click(function(){
        html2canvas($("#print"), {
            onrendered: function(canvas) {
                var data = canvas.toDataURL('image/png');
                var docDefinition = {
                    content: [{
                        image: data,
                        width: 595
                    }],
                    pageSize: 'A4',
                    pageMargins: [0, 0, 0, 0]
                };
                pdfMake.createPdf(docDefinition).download('name.pdf');
            }
        });
	});
})