Skip to main content
2 de 2
se añadieron 262 caracteres en el cuerpo
ret
  • 2k
  • 3
  • 24
  • 60

JsPDF y Html2Canvas | Crea un contenido de documento pdf deformado - Sólo utiliza una sola página en vez de las que necesite

El siguiente código, toma el ancho y alto del documento a4, pero en vez de utilizar todas las páginas que necesite, ajusta toda la web a una sola página a4 devolviendo como resultado lo siguiente (la idea es que ajuste al ancho de la web, pero que tome todas las páginas que necesite para que el contenido se vea bien):

Resultado pdf:

introducir la descripción de la imagen aquí

Javascript:

<script type="text/javascript">
const { jsPDF } = window.jspdf;
  function genPDF() {
        html2canvas(document.getElementById("testDiv"),{
            onrendered: (canvas)=>{
                var pdf = canvas.toDataURL("image/png");                
                var doc = new jsPDF("p", "mm", "a4");
                var width = doc.internal.pageSize.getWidth();
                var height = doc.internal.pageSize.getHeight();
                doc.addImage(pdf, 'JPEG', 0, 0, width, height);
                doc.save('test.pdf');
            }
        });
    }
</script>

Al generar debería no cortar el contenido cuando se imprima. Generando margen supongo: introducir la descripción de la imagen aquí

(Sobre la palabra "señales" hay una linea que no se ha impreso...)

ret
  • 2k
  • 3
  • 24
  • 60