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

Crearea fișierelor PDF prin API-ul JavaScript gratuit

Open Source JavaScript Library permite generarea, editarea și imprimarea a PDF documente, adăugarea tabelelor, imaginilor, anteturi sau footer la PDFs.

Căutați o bibliotecă ușor de utilizat pentru a crea și gestiona PDF documente pe partea serverului, precum și pe partea clientului. PDFMake-Rapper poate fi o alegere excelentă pentru a gestiona cele PDF de documente în propriile JavaScript de aplicații, cu efort mai mic și costuri mai mici. Este o bibliotecă pură sursă deschisă care oferă inginerilor software posibilitatea de a genera PDF de documente și rapoarte utile fără dependențe externe.

Biblioteca PDFMake-Rapper a inclus suport pentru mai multe caracteristici de bază importante, precum și caracteristici avansate legate de crearea și gestionarea PDF de documente, cum ar fi tabele personalizate, folosind marjele de imprimare. Este o bibliotecă care oferă funcționalități pentru a dezvolta PDF de documente într-un mod ușor și rapid. O caracteristică excelentă a PDFMake-Rapper este că a adoptat o abordare declarativă, care oferă utilizatorilor posibilitatea de a se concentra cu ușurință pe ceea ce doresc să realizeze. Biblioteca este foarte stabilă și poate fi ușor de utilizat atât pe partea clientului, cât și pe partea serverului.

Previous Next

Începe cu PDFMake-Rapper

PDFMake-Rapper este disponibil la număr, îl puteți descărca cu ușurință și instala pe mașină. Pentru a utiliza această bibliotecă trebuie să instalați aceste trei pachete.

Instalați PDFMake prin Num

npm install pdfmake --save

types/pdfmake conține tipurile de pdfmake pentru a evita erorile de tastare.

npm install @types/pdfmake --save-dev

Instalați pdfmake-wrapper prin num

npm install pdfmake-wrapper --save

Crearea și gestionarea a PDF de documente prin JavaScript

Biblioteca open source PDFMake-Rapper este o alegere excelentă pentru generarea a PDF de documente în JavaScript. Acesta permite dezvoltatorilor de software să creeze PDF de documente în browser (client-side) și în Node.js (server-side) cu doar câteva linii de JavaScript de coduri. Odată ce fișierul PDF este creat, îl puteți modifica, precum și text de inserție, fonturi încorporate și grafică, selectați și aplicați din diferite stiluri, inserați imagini externe și multe altele. De asemenea, este posibil să creați un fișier PDF din HTML, dar veți avea nevoie de html2canvas pentru aceasta.

Cum se creează un fișier PDF din HTML prin 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");
  }
});

Lideri Footer Addition la PDF File prin JavaScript

Biblioteca open source PDFMake-Rapper face foarte ușor pentru dezvoltatorii de software să adauge antetul și footer în cele PDF de documente cu doar câteva linii de cod. De asemenea, este posibil să utilizați o imagine în secțiunea antet/footer. De asemenea, este posibil să adăugați și alte conținuturi, cum ar fi numărul paginii, logo-ul companiei, numele autorului, numărul paginii, dimensiunea paginii etc. În secţiunea antet/footer. De asemenea, este posibil să se aplice diferite tipuri de stil și formatare. Folosiți mai bine stilul inline ori de câte ori este necesar în secțiunea antet sau footer.

Insert Gestionați mesele în PDF prin intermediul bibliotecii S

Biblioteca PDFMake-Rapper a oferit suport complet pentru utilizarea tabelelor în PDF de documente. Acesta oferă diferite caracteristici utile pentru gestionarea tabelelor complexe în JavaScript de aplicații, cum ar fi crearea de tabele noi de la zero, adăugând antete pentru tabele, adăugând formatul la antete, introducând celule noi, combinând astfel.

Cum să combinați coloane în PDF de mese prin 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;

Sectoare de desene în PDF până la JavaScript API

Biblioteca P PDFMake-Rapper permite dezvoltatorilor de software să deseneze cu ușurință forme vectoriale în PDF de documente. Pentru a atrage vectori în PDF de fișiere, este necesar să se creeze o pânză care este locul în care vor fi trase vectorii. Vă rugăm să rețineți că ordinea contează pe pânză, ultimul vector va fi pe partea de sus a celorlalte. Odată creat, îl puteți redimensiona, de asemenea, în funcție de propriile nevoi și îl puteți înlocui cu ușurință.

Linia de rulare în PDF până la 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'
        });
    });
});
 Română