Crear un PDF en Java Script

Crear un PDF en Java Script (jsPDF)

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.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *