Como faço para salvar essa DIV, com a formatação css, se for mais fácil fazer com table, tambem pode, pois o que preciso é somente mostrar essa DIV com valor dentro.
Será gerado lado a lado.
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$('#btGerarPDF').click(function () {
doc.fromHTML($('#etiqueta').html(), 0, 0, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('teste.pdf');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
<div id="etiqueta" style="width: 89mm; height: 36mm; border: 1px solid black; font-size: 3em; text-align: center; float:left; margin-right: 10px">
<div style="padding-top: 33px;">102030</div>
</div>
<div id="etiqueta" style="width: 89mm; height: 36mm; border: 1px solid black; font-size: 3em; text-align: center; float:left; margin-right: 10px">
<div style="padding-top: 33px;">102030</div>
</div>
<div id="editor"></div>
<button id="btGerarPDF">gerar PDF</button>
@media print { }
em um arquivo.css
separado? Tem mais informações sobre este tipo de media query aqui neste link: joshuawinn.com/css-print-media-query