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

PDF failų kūrimas naudojant nemokamą JavaScript API

Atvirojo kodo „JavaScript“ biblioteka leidžia generuoti, redaguoti ir spausdinti PDF dokumentus, pridėti lentelių, vaizdų, antraščių ar poraštių prie PDF failų.

Ieškote lengvai naudojamos bibliotekos PDF dokumentams kurti ir tvarkyti tiek serverio, tiek kliento pusėje. PDFMake-Wrapper gali būti puikus pasirinkimas norint tvarkyti PDF dokumentus savo JavaScript programose su mažesnėmis pastangomis ir mažesnėmis sąnaudomis. Tai atvirojo kodo gryno JavaScript biblioteka, suteikianti programinės įrangos inžinieriams galimybę generuoti naudingus PDF dokumentus ir ataskaitas be jokių išorinių priklausomybių.

Į PDFMake-Wrapper biblioteką įtrauktas palaikymas kelioms svarbioms pagrindinėms ir išplėstinėms funkcijoms, susijusioms su PDF dokumentų kūrimu ir tvarkymu, pavyzdžiui, eilučių vyniojimas, teksto lygiavimas, paraščių naudojimas, stilių kūrimas ir taikymas, lentelių ir stulpelių naudojimas, kliento/ Serverio PDF spausdinimas, puslapių antraščių ir poraštių įterpimas, puslapių skaičius, tinkintos puslapių pertraukos, šrifto įterpimas, turinio lentelė, PDF metaduomenų ištraukimas ir daug daugiau. Tai įvyniojimo biblioteka, kuri suteikia funkcijų, leidžiančių lengvai ir greičiau kurti PDF dokumentus. Viena puiki PDFMake-Wrapper ypatybė yra tai, kad joje taikomas deklaratyvus požiūris, kuris suteikia vartotojams galimybę lengvai sutelkti dėmesį į tai, ką jie nori pasiekti. Biblioteka yra labai stabili ir gali būti lengvai naudojama tiek kliento, tiek serverio pusėje.

Previous Next

Darbo su PDFMake-Wrapper pradžia

„PDFMake-Wrapper“ galima rasti adresu npm, galite lengvai jį atsisiųsti ir įdiegti į savo kompiuterį. Norėdami naudoti šią biblioteką, turite įdiegti šiuos tris paketus.

Įdiekite PDFMake per npm

npm install pdfmake --save

@types/pdfmake yra pdfmake tipai, kad būtų išvengta spausdinimo klaidų.

npm install @types/pdfmake --save-dev

Įdiekite pdfmake-wrapper per npm<

npm install pdfmake-wrapper --save

Kurkite ir tvarkykite PDF dokumentus naudodami „JavaScript“.

Atvirojo kodo PDFMake-Wrapper biblioteka yra puikus pasirinkimas kuriant PDF dokumentus JavaScript. Tai leidžia programinės įrangos kūrėjams kurti PDF dokumentus naršyklėje (kliento pusėje) ir Node.js (serverio pusėje) naudojant tik kelias JavaScript kodo eilutes. Sukūrę PDF failą taip pat galite jį keisti, taip pat įterpti tekstą, įterpti šriftus ir grafiką, pasirinkti ir taikyti iš įvairių stilių, įterpti išorinius vaizdus ir dar daugiau. Taip pat galima sukurti PDF failą iš HTML, tačiau tam reikės html2canvas.

Kaip sukurti PDF failą iš HTML naudojant 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");
  }
});

Antraštės ir poraštės pridedamos prie PDF failo naudojant „JavaScript“.

Atvirojo kodo PDFMake-Wrapper biblioteka leidžia programinės įrangos kūrėjams labai lengvai įtraukti antraštę ir poraštę į savo PDF dokumentus, naudojant tik kelias kodo eilutes. Taip pat galima naudoti vaizdą antraštės / poraštės skiltyje. Taip pat į antraštės / poraštės skyrių galima įtraukti kitą turinį, pvz., puslapio numerį, įmonės logotipą, autoriaus vardą, puslapių skaičių, puslapio dydį ir kt. Taip pat galima pritaikyti įvairius stiliaus ir formatavimo būdus. Geriau naudokite tiesioginį stilių, kai reikia antraštės arba poraštės skiltyje.

Įterpti ir tvarkyti lenteles PDF viduje per JS biblioteką

PDFMake-Wrapper biblioteka suteikė visišką palaikymą naudojant lenteles PDF dokumentuose. Jame yra įvairių naudingų funkcijų, skirtų sudėtingoms lentelėms valdyti JavaScript programose, pvz., naujų lentelių kūrimas nuo nulio, lentelių antraščių pridėjimas, esamų lentelių dydžio keitimas, formato pridėjimas prie antraščių, naujų langelių įterpimas, stulpelių ir langelių derinimas, stilių taikymas lentelėms, ir taip toliau.

Kaip sujungti stulpelius PDF lentelėse naudojant 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;

Nubrėžkite vektorius PDF viduje naudodami „JavaScript“ API

P PDFMake-Wrapper biblioteka leidžia programinės įrangos kūrėjams lengvai piešti vektorines formas PDF dokumentuose. Norint piešti vektorius PDF failuose, reikia sukurti drobę, kurioje bus piešiami vektoriai. Atminkite, kad tvarka drobėje yra svarbi, paskutinis vektorius bus virš kitų. Sukūrę taip pat galite pakeisti jo dydį pagal savo poreikius ir lengvai pakeisti.

Nubrėžkite liniją PDF viduje naudodami „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'
        });
    });
});
 Lietuvių