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

PDF failu izveide, izmantojot bezmaksas JavaScript API

Atvērtā pirmkoda JavaScript bibliotēka ļauj ģenerēt, rediģēt un drukāt PDF dokumentus, pievienot PDF failiem tabulas, attēlus un galvenes vai kājenes.

Meklējat ērti lietojamu bibliotēku, lai izveidotu un pārvaldītu PDF dokumentus servera pusē, kā arī klienta pusē. PDFMake-Wrapper var būt lieliska izvēle, lai apstrādātu PDF dokumentus savās JavaScript lietojumprogrammās ar mazāku piepūli un mazākām izmaksām. Tā ir atvērtā pirmkoda JavaScript bibliotēka, kas programmatūras inženieriem sniedz iespēju ģenerēt noderīgus PDF dokumentus un atskaites bez jebkādām ārējām atkarībām.

PDFMake-Wrapper bibliotēkā ir iekļauts atbalsts vairākiem svarīgiem pamata, kā arī uzlabotiem līdzekļiem, kas saistīti ar PDF dokumentu izveidi un pārvaldību, piemēram, rindu aplaušanu, teksta līdzināšanu, piemaļu izmantošanu, stilu izveidi un piemērošanu, tabulu un kolonnu izmantošanu, klientu/ servera puses PDF drukāšana, lapu galvenes un kājenes ievietošana, lappušu skaits, pielāgoti lappušu pārtraukumi, fontu iegulšana, satura tabula, PDF metadatu izvilkšana un daudz kas cits. Tā ir iesaiņojuma bibliotēka, kas nodrošina funkcionalitāti PDF dokumentu izstrādei vienkāršā un ātrākā veidā. Viena lieliska PDFMake-Wrapper iezīme ir tā, ka tā ir pieņēmusi deklaratīvu pieeju, kas lietotājiem sniedz iespēju viegli koncentrēties uz to, ko viņi vēlas sasniegt. Bibliotēka ir ļoti stabila, un to var viegli izmantot gan klienta, gan servera pusē.

Previous Next

Darba sākšana ar PDFMake-Wrapper

PDFMake-Wrapper ir pieejams vietnē npm, to varat viegli lejupielādēt un instalēt savā datorā. Lai izmantotu šo bibliotēku, jāinstalē šīs trīs pakotnes.

Instalējiet PDFMake, izmantojot npm

npm install pdfmake --save

@types/pdfmake satur pdfmake veidus, lai izvairītos no drukas kļūdām.

npm install @types/pdfmake --save-dev

Instalējiet pdfmake-wrapper, izmantojot npm<

npm install pdfmake-wrapper --save

Izveidojiet un pārvaldiet PDF dokumentus, izmantojot JavaScript

Atvērtā pirmkoda PDFMake-Wrapper bibliotēka ir lieliska izvēle PDF dokumentu ģenerēšanai JavaScript. Tas ļauj programmatūras izstrādātājiem izveidot PDF dokumentus pārlūkprogrammā (klienta pusē) un Node.js (servera pusē), izmantojot tikai dažas JavaScript koda rindiņas. Kad PDF fails ir izveidots, varat to arī modificēt, kā arī ievietot tekstu, iegult fontus un grafiku, atlasīt un lietot dažādus stilus, ievietot ārējos attēlus un daudz ko citu. Ir iespējams arī izveidot PDF failu no HTML, taču tam būs nepieciešams html2canvas.

Kā izveidot PDF failu no HTML, izmantojot 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");
  }
});

Galvenes un kājenes pievienošana PDF failam, izmantojot JavaScript

Atvērtā pirmkoda PDFMake-Wrapper bibliotēka ļauj programmatūras izstrādātājiem ļoti vienkārši pievienot galveni un kājeni saviem PDF dokumentiem, izmantojot tikai dažas koda rindiņas. Ir iespējams arī izmantot attēlu galvenes/kājenes sadaļā. Galvenes/kājenes sadaļai ir iespējams pievienot arī citu saturu, piemēram, lapas numuru, uzņēmuma logotipu, autora vārdu, lappušu skaitu, lapas izmēru utt. Ir iespējams arī pielietot dažāda veida stilu un formatējumu. Ja nepieciešams, labāk izmantojiet iekļauto stilu galvenes vai kājenes sadaļā.

Ievietojiet un pārvaldiet tabulas PDF failā, izmantojot JS bibliotēku

PDFMake-Wrapper bibliotēka ir nodrošinājusi pilnīgu atbalstu tabulu izmantošanai PDF dokumentos. Tas nodrošina dažādas noderīgas funkcijas sarežģītu tabulu pārvaldībai JavaScript lietojumprogrammās, piemēram, jaunu tabulu izveidei no jauna, galveņu pievienošanai tabulām, esošo tabulu izmēru maiņai, formāta pievienošanai galvenēm, jaunu šūnu ievietošanai, kolonnu un šūnu apvienošanai, stilu pielietošanai tabulām, un tā tālāk.

Kā apvienot kolonnas PDF tabulās, izmantojot JS 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;

Zīmējiet vektorus PDF failā, izmantojot JavaScript API

P PDFMake-Wrapper bibliotēka ļauj programmatūras izstrādātājiem viegli zīmēt vektoru formas PDF dokumentos. Lai zīmētu vektorus PDF failos, ir jāizveido audekls, kurā tiks zīmēti vektori. Lūdzu, atcerieties, ka secībai uz audekla ir nozīme, pēdējais vektors būs virs pārējiem. Kad tas ir izveidots, varat arī mainīt tā izmēru atbilstoši savām vajadzībām un viegli nomainīt.

Zīmējiet līniju PDF iekšpusē, izmantojot 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'
        });
    });
});
 Latviski