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

Oppretting av PDF-filer via gratis JavaScript API

Open Source JavaScript Library lar deg generere, redigere og skrive ut PDF-dokumenter, legge til tabeller, bilder og topptekster eller bunntekster til PDF-filer.

Ser etter et brukervennlig bibliotek for å lage og administrere PDF-dokumenter på serversiden så vel som klientsiden. PDFMake-Wrapper kan være et godt valg for å håndtere PDF-dokumentene dine i dine egne JavaScript-applikasjoner med mindre innsats og mindre kostnader. Det er et rent JavaScript-bibliotek med åpen kildekode som gir programvareingeniører muligheten til å generere nyttige PDF-dokumenter og rapporter uten eksterne avhengigheter.

PDFMake-Wrapper-biblioteket har inkludert støtte for flere viktige grunnleggende så vel som avanserte funksjoner knyttet til oppretting og administrasjon av PDF-dokumenter, for eksempel linjebryting, tekstjusteringer, bruk av marger, opprettelse og bruk av stiler, bruk av tabeller og kolonner, klient/ PDF-utskrift på serversiden, sett inn sidehoder og bunntekster, sidetelling, egendefinerte sideskift, skriftinnbygging, innholdsfortegnelse, trekk ut PDF-metadata og mye mer. Det er et wrapper-bibliotek som gir funksjonalitet for å utvikle PDF-dokumenter på en enkel og raskere måte. En flott funksjon ved PDFMake-Wrapper er at den har tatt i bruk en deklarativ tilnærming, som gir brukerne muligheten til enkelt å fokusere på det de ønsker å oppnå. Biblioteket er meget stabilt og kan enkelt brukes både på klient- og serversiden.

Previous Next

Komme i gang med PDFMake-Wrapper

PDFMake-Wrapper er tilgjengelig på npm, du kan enkelt laste den ned og installere den på maskinen din. For å bruke dette biblioteket må du installere disse tre pakkene.

Installer PDFMake via npm

npm install pdfmake --save

@types/pdfmake inneholder typene for pdfmake for å unngå skrivefeil.

npm install @types/pdfmake --save-dev

Installer pdfmake-wrapper via npm<

npm install pdfmake-wrapper --save

Opprett og administrer PDF-dokumenter via JavaScript

Åpen kildekode PDFMake-Wrapper-biblioteket er et utmerket valg for å generere PDF-dokumenter i JavaScript. Den lar programvareutviklere lage PDF-dokumenter i nettleseren (klientsiden) og i Node.js (serversiden) med bare et par linjer med JavaScript-kode. Når PDF-filen er opprettet, kan du også endre den, samt sette inn tekst, bygge inn fonter og grafikk, velge og bruke fra ulike stiler, sette inn eksterne bilder og mye mer. Det er også mulig å lage en PDF-fil fra HTML, men du trenger html2canvas til det.

Hvordan lage 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");
  }
});

Topp- og bunntekst tillegg til PDF-fil via JavaScript

Åpen kildekode PDFMake-Wrapper-biblioteket gjør det veldig enkelt for programvareutviklere å legge til både topp- og bunntekst i PDF-dokumentene sine med bare noen få linjer med kode. Det er også mulig å bruke et bilde inne i topptekst/bunntekstdelen. Det er også mulig å legge til annet innhold som sidenummer, firmalogo, forfatternavn, sideantall, sidestørrelse osv. i topptekst-/bunntekstdelen. Det er også mulig å bruke ulike typer styling og formatering. Bruk bedre inline-styling når det er nødvendig i topptekst- eller bunntekstdelen.

Sett inn og administrer tabeller i PDF via JS Library

PDFMake-Wrapper-biblioteket har gitt fullstendig støtte for bruk av tabeller i PDF-dokumenter. Den gir forskjellige nyttige funksjoner for å administrere komplekse tabeller i JavaScript-applikasjoner, for eksempel å lage nye tabeller fra bunnen av, legge til overskrifter for tabeller, endre størrelse på eksisterende tabeller, legge til format i overskrifter, sette inn nye celler, kombinere kolonner og celler, bruke stiler på tabeller, og så videre.

Hvordan kombinere 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 i PDF via JavaScript API

P PDFMake-Wrapper-biblioteket gjør det mulig for programvareutviklere å tegne vektorformer i PDF-dokumenter med letthet. For å tegne vektorer i PDF-filer, er det nødvendig å lage et lerret som er der vektorer skal tegnes. Husk at rekkefølgen er viktig på lerretet, den siste vektoren vil være på toppen av de andre. Når den er opprettet, kan du også endre størrelsen på den etter dine egne behov og enkelt erstatte den.

Tegn linje inne 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'
        });
    });
});
 Norsk