Oprettelse af PDF-filer via Gratis JavaScript API
Open Source JavaScript-bibliotek gør det muligt at generere, redigere og udskrive PDF-dokumenter, tilføje tabeller, billeder og sidehoveder eller sidefødder til PDF-filer.
Leder efter et brugervenligt bibliotek til at oprette og administrere PDF-dokumenter på server- og klientsiden. PDFMake-Wrapper kan være et godt valg til at håndtere dine PDF-dokumenter i dine egne JavaScript-applikationer med mindre indsats og mindre omkostninger. Det er et open source rent JavaScript-bibliotek, der giver softwareingeniører mulighed for at generere nyttige PDF-dokumenter og rapporter uden nogen ekstern afhængighed.
PDFMake-Wrapper-biblioteket har inkluderet understøttelse af flere vigtige grundlæggende såvel som avancerede funktioner relateret til oprettelse og administration af PDF-dokumenter, såsom linjeombrydning, tekstjusteringer, brug af marginer, oprettelse og anvendelse af typografier, brug af tabeller og kolonner, klient/ PDF-udskrivning på serversiden, indsæt sidehoveder og sidefødder, sideantal, brugerdefinerede sideskift, indlejring af skrifttyper, indholdsfortegnelse, udtræk PDF-metadata og meget mere. Det er et wrapper-bibliotek, der giver funktionaliteter til at udvikle PDF-dokumenter på en nem og hurtigere måde. En stor egenskab ved PDFMake-Wrapper er, at den har vedtaget en deklarativ tilgang, som giver brugerne mulighed for nemt at fokusere på det, de ønsker at opnå. Biblioteket er meget stabilt og kan nemt bruges både på klient- og serversiden.
Kom godt i gang med PDFMake-Wrapper
PDFMake-Wrapper er tilgængelig på npm, Du kan nemt downloade den og installere den på din maskine. For at bruge dette bibliotek skal du installere disse tre pakker.
Installer PDFMake via npm
npm install pdfmake --save@types/pdfmake indeholder typerne for pdfmake for at undgå skrivefejl.
npm install @types/pdfmake --save-devInstaller pdfmake-wrapper via npm<
npm install pdfmake-wrapper --saveOpret og administrer PDF-dokumenter via JavaScript
Open source PDFMake-Wrapper-biblioteket er et glimrende valg til at generere PDF-dokumenter i JavaScript. Det giver softwareudviklere mulighed for at oprette PDF-dokumenter i browseren (klientsiden) og i Node.js (serversiden) med blot et par linjer JavaScript-kode. Når PDF-filen er oprettet, kan du også ændre den samt indsætte tekst, integrere skrifttyper og grafik, vælge og anvende fra forskellige stilarter, indsætte eksterne billeder og meget mere. Det er også muligt at lave en PDF-fil fra HTML, men du skal bruge html2canvas til det.
Sådan opretter du PDF-fil fra 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");
}
});
Sidehoveder og sidefødder Tilføjelse til PDF-fil via JavaScript
Open source PDFMake-Wrapper-biblioteket gør det meget nemt for softwareudviklere at tilføje sidehoved og sidefod i deres PDF-dokumenter med blot et par linjer kode. Det er også muligt at bruge et billede inde i sidehoved/sidefod sektionen. Det er også muligt at tilføje andet indhold som sidenummer, firmalogo, forfatternavn, sideantal, sidestørrelse osv. til sidehoved/sidefodsektionen. Det er også muligt at anvende forskellige former for styling og formatering. Brug bedre inline-styling, når det er nødvendigt i sidehoved- eller sidefodssektionen.
Indsæt og administrer tabeller i PDF via JS Library
PDFMake-Wrapper-biblioteket har ydet komplet support til brug af tabeller i PDF-dokumenter. Det giver forskellige nyttige funktioner til at administrere komplekse tabeller inde i JavaScript-applikationer, såsom at oprette nye tabeller fra bunden, tilføje overskrifter til tabeller, ændre størrelse på eksisterende tabeller, tilføje format til overskrifter, indsætte nye celler, kombinere kolonner og celler, anvende stile til tabeller, og så videre.
Hvordan kombinerer man kolonner i PDF-tabeller via 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;
Tegn vektorer inde i PDF via JavaScript API
P PDFMake-Wrapper-biblioteket gør det muligt for softwareudviklere at tegne vektorformer inde i PDF-dokumenter med lethed. For at tegne vektorer i PDF-filer, er det nødvendigt at oprette et lærred, hvor vektorer vil blive tegnet. Husk, at rækkefølgen betyder noget på lærredet, den sidste vektor vil være oven på de andre. Når den er oprettet, kan du også ændre størrelsen på den efter dine egne behov og nemt erstatte den.
Tegn linje inde i 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'
});
});
});
