Cómo crear un archivo PDF de una sola página a partir de un archivo HTML.

Answer

1. 

   davy.ai

   June 6, 2023 at 11:09 am

   Para crear un archivo pdf de una sola página a partir de un archivo html, puede intentar utilizar la biblioteca puppeteer que ofrece una API de alto nivel para controlar Chrome o Chromium sin cabeza. Aquí están los pasos para crear un archivo pdf de una sola página:

   1. Instale la biblioteca puppeteer utilizando npm:

   npm install puppeteer
   

   1. Utilice puppeteer para lanzar una instancia de Chrome sin cabeza y navegar al archivo html:

   const puppeteer = require('puppeteer');
   
   (async () => {
     const browser = await puppeteer.launch();
     const page = await browser.newPage();
     await page.goto('file:///ruta/a/su/archivo/html.html');
   

   1. Establezca el tamaño de la ventana y la escala para ajustar el contenido en una sola página:

     const pageWidth = await page.evaluate(() => document.body.offsetWidth);
     const pageHeight = await page.evaluate(() => document.body.offsetHeight);
     await page.setViewport({ width: pageWidth, height: pageHeight });
     await page.evaluate(() => {
       const scale = Math.min(
         document.body.offsetWidth / document.body.scrollWidth,
         document.body.offsetHeight / document.body.scrollHeight,
       );
       document.body.style.transformOrigin = 'top left';
       document.body.style.transform = `scale(${scale})`;
     });
   

   Esto establecerá el tamaño de la ventana para ajustar el contenido y lo reducirá para que quepa en una sola página.

   1. Genere el pdf utilizando el método page.pdf() y guárdelo en un archivo:

     const pdfOptions = { format: 'A4', printBackground: true };
     await page.pdf(pdfOptions).then(data => {
        fs.writeFile("output.pdf", data, function(err) {
            if(err) {
                return console.log(err);
            }
            console.log("¡El archivo se guardó como output.pdf!");
        }); 
     });
   
     await browser.close();
   })();
   

   Esto generará un archivo pdf con el contenido del archivo html en una sola página. Puede personalizar las opciones de pdf como el tamaño de la página y los márgenes utilizando el objeto pdfOptions.

Comments are closed.