1. Productos
  2.   PDF
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

Creación de archivos PDF a través de la API de JavaScript gratuita

Open Source JavaScript Library permite generar, editar imprimir PDF documentos, añadir tablas, imágenes, cabeceras o pies a PDFs.

Buscando una biblioteca fácil de usar para crear y gestionar PDF documentos en el lado del servidor y en el lado del cliente. PDFMake-Rapper puede ser una gran elección para manejar sus PDF documentos dentro de sus JavaScript aplicaciones con menor esfuerzo y menor costo. Es una biblioteca de JavaScript fuentes abiertas que da a los ingenieros de software la capacidad de generar PDF documentos e informes útiles sin ninguna dependencia externa.

La biblioteca PDFMake-Rapper ha incluido soporte para varias características básicas importantes, así como avanzadas relacionadas con PDF documentos creación y gestión, tales como line-wrapping, text-alignamentos, aplicación de datos Es una biblioteca de envoltorios que provee funcionalidades para desarrollar PDF documentos de una manera fácil y más rápida. Una gran característica del PDFMake-Rapper es que ha adoptado un enfoque declarativo, que da a los usuarios la capacidad de centrarse fácilmente en lo que quieren lograr. La biblioteca es muy estable y se puede utilizar fácilmente en el cliente y en el lado del servidor.

Previous Next

Comenzando con PDFMake-Rapper

PDFMake-Rapper está disponible en número, puede descargarlo fácilmente e instalarlo en su máquina. Para usar esta biblioteca necesitas instalar estos tres paquetes.

Instalar PDFMake vía num

npm install pdfmake --save

tipos/pdfmake contiene los tipos de PDF para evitar errores de mecanografía.

npm install @types/pdfmake --save-dev

Instalar pdfmake-wrapper vía num

npm install pdfmake-wrapper --save

Crear Gestión PDF Documentos a través de JavaScript

La fuente abierta PDFMake-Rapper biblioteca es una excelente opción para generar PDF documentos en JavaScript. Permite a los desarrolladores de software crear PDF documentos en el navegador (lateral del cliente) y en Node.js (serie) con sólo un par de líneas de JavaScript código. Una vez creado el archivo PDF también se puede modificar, así como insertar texto, incrustar fuentes y gráficos, seleccionar y aplicar desde diversos estilos, insertar imágenes externas, y mucho más. También es posible crear un archivo PDF de HTML, pero necesitará html2canvas para eso.

Cómo crear PDF Archivo desde HTML vía JavaScript


html2canvas(document.getElementById('exportthis'), {
  onrendered: function (canvas) {
    var data = canvas.toDataURL();
    var docDefinition = {
      content: [{
        image: data,
        width: 500,
      }]
    };
    pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
  }
});

Líderes Adición de pies a PDF File vía JavaScript

La fuente abierta PDFMake-Rapper biblioteca hace que sea muy fácil para los desarrolladores de software añadir el encabezado así como el guardabarros dentro de sus PDF documentos con sólo unas pocas líneas de código. También es posible utilizar una imagen dentro de la sección de cabeza/pie. También es posible añadir otros contenidos como el número de página, el logotipo de empresa, el nombre de autor, el recuento de páginas, el tamaño de página, etc. a la sección de cabeza y pies. También es posible aplicar varios tipos de estilo y formateo. Utilizar mejor el diseño en línea siempre que sea necesario en la sección de cabecera o pies.

Insertar Tablas de gestión dentro de PDF a través de la Biblioteca S

La biblioteca PDFMake-Rapper ha proporcionado soporte completo para usar mesas dentro de PDF documentos. Ofrece diversas características útiles para la gestión de mesas complejas dentro de JavaScript aplicaciones, tales como la creación de nuevas tablas, añadiendo encabezados para mesas, residiendo tablas existentes, añadiendo formato a encabezados, insertando nuevas células, combinando columnas y células.

¿Cómo combinar columnas en PDF mesas a través de S API?

new Table([
    [
        new Txt('Name').bold().end,
        new Txt('Address').bold().end,
        new Txt('Email').bold().end,
        new Txt('Phone').bold().end
    ],
    [new Cell(new Txt('A').end).colSpan(4).end, null, null, null],
    ['Anastasia', 'Some direction 1', 'anastasia@domain.com', '123 4566 187'],
    ['Alexander', 'Some direction 2', 'alexander@domain.com', '123 4566 187'],
    [new Cell(new Txt('C').end).colSpan(4).end, null, null, null],
    ['Clementine', 'Some direction 3', 'clementine@domain.com', '123 4566 187'],
    ['Chelsey', 'Some direction 4', 'chelsey@domain.com', '123 4566 187'],
    [new Cell(new Txt('N').end).colSpan(4).end, null, null, null],
    ['Nicholas', 'Some direction 5', 'nicholas@domain.com', '123 4566 187'],
])
.widths(...)
.heights(...)
.end;

Secectores en PDF vía JavaScript API

La biblioteca P PDFMake-Rapper permite a los desarrolladores de software dibujar formas vectoriales dentro de PDF documentos con facilidad. Para dibujar vectores en PDF archivos, se requiere crear un lienzo que es donde se dibujan vectores. Por favor, recuerde que el pedido importa en el lienzo, el último vector estará sobre los demás. Una vez creado, también puedes reanimarlo según tus propias necesidades y reemplazarlo con facilidad.

Línea de drenaje dentro de PDF vía JavaScript

import { Line } from '../../../src';
describe('Line definition class', () => {
    it('should be instanced', () => {
        const line = new Line(10, 10);
        expect( line.end ).toBeTruthy();
    });
    it('should be a simple line', () => {
        const line = new Line(10, 10).end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10
        });
    });
    it('should be a line vector with full properties', () => {
        const line = new Line(10, 10)
            .color('red')
            .dash(5)
            .fillOpacity(0.1)
            .lineColor('blue')
            .lineWidth(3)
            .linearGradient(['green', 'yellow'])
            .lineCap('round')
            .end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10,
            color: 'red',
            dash: { length: 5 },
            fillOpacity: 0.1,
            lineColor: 'blue',
            lineWidth: 3,
            linearGradient: ['green', 'yellow'],
            lineCap: 'round'
        });
    });
});
 Español