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

Creazione di file PDF tramite API JavaScript gratuita

Open Source JavaScript Library permette di generare, modificare e stampare PDF documenti, aggiungere tabelle, immagini, & header o footer a PDFs.

Cercare una libreria facile da usare per creare e gestire PDF documenti sul lato server e sul lato client. PDFMake-Rapper può essere una grande scelta per gestire i vostri PDF documenti all'interno delle vostre JavaScript applicazioni con più piccolo sforzo e meno costo. È una libreria open source pura JavaScript che dà agli ingegneri del software la possibilità di generare utili PDF documenti e rapporti senza alcuna dipendenza esterna.

La libreria PDFMake-Rapper ha incluso il supporto per diverse importanti funzioni di base e avanzate relative alla creazione e alla gestione di PDF documenti, come ad esempio line-wrapping, text-alignments, utilizzando margini, creazione e tabelle È una libreria wrapper che fornisce funzionalità per sviluppare PDF documenti in modo facile e veloce. Una grande caratteristica di PDFMake-Rapper è che ha adottato un approccio dichiarativo, che dà agli utenti la possibilità di concentrarsi facilmente su ciò che vogliono raggiungere. La libreria è molto stabile e può essere facilmente utilizzata sul client e sul lato server.

Previous Next

Iniziare con PDFMake-Rapper

PDFMake-Rapper è disponibile a num, è possibile scaricarlo facilmente e installarlo sulla vostra macchina. Per utilizzare questa libreria è necessario installare questi tre pacchetti.

Installare PDFFare via num

npm install pdfmake --save

types/pdfmake contiene i tipi per pdfmake per evitare errori di digitazione.

npm install @types/pdfmake --save-dev

Installare pdfmake-wrapper tramite num

npm install pdfmake-wrapper --save

Crea e gestisci PDF documenti via JavaScript

La libreria open source PDFMake-Rapper è una scelta eccellente per generare PDF documenti in JavaScript. Permette agli sviluppatori di software di creare PDF documenti nel browser (client-side) e in Node.js (server-side) con solo un paio di linee di JavaScript codice. Una volta creato il file PDF è anche possibile modificarlo e inserire testo, incorporare font e grafica, selezionare e applicare da vari stili, inserire immagini esterne e molto altro ancora. È anche possibile creare un file PDF da HTML, ma avrete bisogno di html2canvas per questo.

Come creare PDF file da HTML via 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");
  }
});

Leaders & Footer Addition a PDF File tramite JavaScript

La libreria open source PDFMake-Rapper rende molto facile per gli sviluppatori di software aggiungere l'intestazione e piè di pagina all'interno dei loro PDF documenti con poche righe di codice. È anche possibile utilizzare un'immagine all'interno della sezione header/footer. È inoltre possibile aggiungere altri contenuti come il numero di pagina, il logo dell'azienda, il nome dell'autore, il conteggio delle pagine, la dimensione della pagina, ecc. alla sezione header/footer. È anche possibile applicare vari tipi di styling e formattazione. Meglio usare lo styling inline quando necessario nella sezione header o footer.

Inserisci e gestisci tabelle all'interno PDF via S Library

La libreria PDFMake-Rapper ha fornito un supporto completo per l'utilizzo di tabelle all'interno di PDF documenti. Fornisce varie caratteristiche utili per la gestione di tabelle complesse all'interno di JavaScript applicazioni, come la creazione di nuove tabelle dal graffio, l'aggiunta di intestazioni per tabelle, tavoli esistenti, applicando così formato alle intestazioni, inserendo nuove celle.

Come combinare le colonne in PDF tabelle tramite 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;

Settori cassetti interni PDF via JavaScript API

La libreria P PDFMake-Rapper consente agli sviluppatori di software di disegnare forme vettoriali all'interno di PDF documenti con facilità. Per disegnare vettori in PDF file, è necessario creare una tela che è dove i vettori saranno disegnati. Ricordate che l'ordine è importante sulla tela, l'ultimo vettore sarà sopra gli altri. Una volta creato è anche possibile ridimensionarlo secondo le proprie esigenze e sostituirlo con facilità.

Linea d'estrazione all'interno PDF via 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'
        });
    });
});
 Italiano