Saltar al contenido

Generando archivos PDF con JavaScript

noviembre 2, 2021
apple touch icon@2

Para los fanáticos de React, existe otro gran recurso para la generación de PDF: Reaccionar-PDF

Es ideal para crear archivos PDF en React e incluso permite que el usuario los descargue desde el lado del cliente sin necesidad de servidor.

este es un pequeño fragmento de ejemplo de React-PDF para crear un archivo PDF de 2 secciones

import React from 'react';
import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';

// Create styles
const styles = StyleSheet.create({
  page: {
    flexDirection: 'row',
    backgroundColor: '#E4E4E4'
  },
  section: {
    margin: 10,
    padding: 10,
    flexGrow: 1
  }
});

// Create Document Component
const MyDocument = () => (
  <Document>
    <Page size="A4" style={styles.page}>
      <View style={styles.section}>
        <Text>Section #1</Text>
      </View>
      <View style={styles.section}>
        <Text>Section #2</Text>
      </View>
    </Page>
  </Document>
);

Esto producirá un documento PDF con una sola página. En el interior, dos bloques diferentes, cada uno de ellos representando un texto diferente. Estas no son las únicas primitivas válidas que puede utilizar. puede consultar el Componentes o Ejemplos de secciones para obtener más información.

close