Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

elopes24

Hyphen space BUG using jspdf

Por , em Desenvolvimento de Games

Recommended Posts

elopes24    0

elopes24
Postado
Somebody knows how to solve this space bug ?
Only copy the code below, paste and save as .html and download the jspdf used plugins.
This problem occurs only if use hyphen. Any other character works with no problem.
Thanks !!!
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<script src='require.js'></script>
<script src="jspdf.js"></script>
<script src="context2d.js"></script>
<script src="html2canvas.js"></script>
<script src="canvas.js"></script>
<script src="standard_fonts_metrics.js"></script>
<script src="html2pdf.js"></script>
<script>
function goPDF()
{
require ( ['./js/jspdf/html2pdf'], function()
{
var obj = document.getElementById("div_pdf");
var html = obj.innerHTML;
var params =
{
orientation : 'p',
unit : 'pt',
format : 'a4'
};
var pdf = new jsPDF(params, '', '');
html2pdf ( html, pdf, function()
{
pdf.output('dataurlnewwindow');
}); // html2pdf
}); // require './js/jspdf/html2pdf'
} // goPDF()
</script>
</HEAD>
<BODY>
<a href="javascript:goPDF()">Generate PDF</a>
<div><span style="font-family:courier;font-size:8pt">04.234-72</span></div>
<div id="div_pdf" style="visibility:hidden">
<div><span style="font-family:courier;font-size:8pt">04.234-72</span></div>
</div> <!-- div id="div_pdf" -->
</BODY>
</HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento de Games

  • Conteúdo Similar

    • lucas70770
      Jspdf e Jspdf-autoTable como colocar uma tabela dentro de uma tr
      Por lucas70770
      Olá, eu tenho um sistema de pedidos onde em sua tabela a linha impar é os dados do produto e a impar é a grade de produtos, segue o código:
      <table class="tabela-tab-produto"> <thead> <tr> <th width="43"></th> <th>Código</th> <th>Descrição</th> <th>Qtde.</th> <th>Preço Tab.</th> <th>Desc.</th> <th>Preço Líq.</th> <th>Subtotal</th> <th></th> </tr> </thead> <tbody> <tr id="5{1+2,2{4+1"> <td></td> <td>LS</td> <td>Cortinas Listradas</td> <td class="text-right padding-right-15">3 <small>Un</small></td> <td class="text-right"><small>R$</small> 119.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 150</td> <td class="text-right"><small>R$</small> 450</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="1"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="86" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>380x230</th><th>580x230</th> </tr> </thead> <tbody> <tr><td>Azul Claro</td><td>1</td><td>-</td></tr><tr><td>Azul</td><td>-</td><td>2</td></tr> </tbody> </table> </div> </td> </tr><tr id="1{1+1"> <td></td> <td>VLI</td> <td>Cortinas Voil Liso</td> <td class="text-right padding-right-15">1 <small>Un</small></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-center"></td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"><small>R$</small> 79.9</td> <td class="text-right"> <a class="button tiny btn-cinza btn_editar" id="3"><span class="icon icon-pencil"></span></a> <a class="button tiny btn-cinza btn_excluir margin-right-15" data-open="container_excluir" id="94" aria-controls="container_excluir" aria-haspopup="true" tabindex="0"><span class="icon icon-bin"></span></a> </td> </tr> <tr> <td colspan="9"> <div class="medium-12 columns"> <table class="tab-produto"> <thead> <tr> <th></th><th>280x230</th> </tr> </thead> <tbody> <tr><td>Azul</td><td>1</td></tr> </tbody> </table> </div> </td> </tr> </tbody> </table> Quero saber como posso apresentar essa tabela com o jspdf e jspdf-autotable(se for necessário). Nos meus testes ele esta tirando a tabela que esta dentro da tabela principal.
      Eu achei um artigo sobre isso(https://stackoverflow.com/questions/39386969/nested-tables-in-a-pdf-using-jspdf-and-jspdf-autotable) mas não consegui aplicar no meu caso. Obg   
    • marcelocardoso
      ajuda em botao jsPDF
      Por marcelocardoso
      pessoal...
      to com o script pronto, funcionando...porém....
      com um problema.... (consigo salvar o arquivo apenas com <A HREF>.....
      Já com button, não vai... Oque posso incrementar para funcionar com button???

      CODE:
       
      <script src="https://code.jquery.com/jquery-git.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> <script type="text/javascript"> $(document).ready(function () { var doc = new jsPDF(); var datacompleta = new Date(); var horacompleta = datacompleta.getHours() + datacompleta.getMinutes() + datacompleta.getSeconds(); //gera hora completa para acrescentar no arquivo PDF, evitando duplicidade de registro... var numrandom = math.floor(math.random() * 65536) //gera numeros randomicos para acrescentar no arquivo PDF, evitando duplicidade de registro... var margins = { top: 50, bottom: 50, left: 30, right: 30, width: 180 }; var specialElementHandlers = {'#editor': function (element, renderer) { return true; }, }; $('#botao').click(function () { doc.fromHTML($('#iframeconteudo').html(), 15, 15, {'width': margins.width, 'elementHandlers': specialElementHandlers}); doc.save('impresso_cockpit-' + numrandom + '.pdf'); }); }); </script> <div class="pull-left"><a href="javascript:jsPDFOutput();" class="ModalPDF"> <i class="fa fa-file-pdf-o"></i></a> </div> Tentei com <button id="botao" class="btn btn-success btn-xs"></button> mas não chamo o ID....
      Alguém, tem conhecimento e quer compartilhar...
      Obrigado.
       
       
       
    • Fabio Victor
      jsPDF
      Por Fabio Victor
      Alguém usa a biblioteca jsPDF?
      Eu estou com dificuldade de adicionar novas fonts a ela.
      Estou tentando da seguinte maneira:
      <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet"> doc.setFontSize(24); doc.addFont('Great Vibes', 'Great Vibes', 'cursive'); doc.setFont('Great Vibes'); doc.text(120, 60, "Teste da Fonte"); Porém ou o doc não é gerado da maneira correta ou a fonte vem a times (padrão da biblioteca), alguém sabe como fazer funcionar?
      Obrigado.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito