in

Generando archivos PDF con JavaScript

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.

Deja una respuesta

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

jurgen schult

Lanzamiento de disco – Campeones

S9FuEvNqvX2igxdMhTpQUH 1200 80

La nueva actualización de PS5 mejora el rendimiento del sistema una vez más