Blog
jsPDF es una librería para Java Script que permite generar documentos PDF a partir de una plantilla HTML o directamente por programación. Esto nos permite poder diseñar un documento PDF de manera sencilla y adaptable.
Una ventaja importante que se obtiene al utilizar esta librería es la de no utilizar recursos en el servidor ya que sólo se ejecuta del lado del cliente (navegador).
En este artículo vamos a ver con un ejemplo cómo se utiliza esta librería y lo fácil que es generar un documento PDF.
Ejemplo de cómo crear un PDF en Java Script
Como primer tarea es necesario descargar la librería jsPDF desde parall.ax/products/jspdfs. Una vez descargada y agregada en nuestro HTML podemos empezar a generar nuestro PDF en Java Script.
El siguiente código crea un documento PDF con dos páginas:
var doc = new jsPDF(); doc.text(20, 20, 'Hola mundo!'); doc.text(20, 30, 'Esto es un generador de PDF en Java Script.'); doc.addPage(); doc.text(20, 20, '¿Cómo estas?');
Esta librería también permite utilizar elementos gráficos en nuestros documentos PDF, en el siguiente código se muestra como hacerlo:
var doc = new jsPDF(); // Cuadrado vacio doc.rect(20, 20, 10, 10); // Cuadrado lleno doc.rect(40, 20, 10, 10, 'F'); // Cuadrado rojo vacio doc.setDrawColor(255,0,0); doc.rect(60, 20, 10, 10); // Cuadrado lleno con border rojos doc.setDrawColor(255,0,0); doc.rect(80, 20, 10, 10, 'FD'); // Cuadrado rojo lleno doc.setDrawColor(0); doc.setFillColor(255,0,0); doc.rect(100, 20, 10, 10, 'F'); // Cuadrado rojo de border negros doc.setDrawColor(0); doc.setFillColor(255,0,0); doc.rect(120, 20, 10, 10, 'FD');
Utilizar esta librería es realmente muy fácil, recuerden que pueden encontrar más información en la página oficial ya mencionada, ante cualquier inconveniente no duden en dejar un comentario.
Cómo generarías un PDF con contenido de un JSON por ejemplo una tabla con un encabezado? me podrías guiar un poco o pasar algún sitio donde buscar. Saludos
[…] hemos visto cómo generar un archivo PDF con Java Script, hoy nos toca aprender a crear un PDF en PHP utilizando la librería […]