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

PDF-tiedostojen luominen ilmaisen JavaScript-sovellusliittymän kautta

Avoimen lähdekoodin JavaScript-kirjasto mahdollistaa PDF-dokumenttien luomisen, muokkaamisen ja tulostamisen, taulukoiden, kuvien ja ylä- tai alatunnisteiden lisäämisen PDF-tiedostoihin.

Etsitkö helppokäyttöistä kirjastoa PDF-dokumenttien luomiseen ja hallintaan sekä palvelin- että asiakaspuolella. PDFMake-Wrapper voi olla loistava valinta PDF-dokumenttien käsittelemiseen omissa JavaScript-sovelluksissa pienemmällä vaivalla ja pienemmillä kustannuksilla. Se on avoimen lähdekoodin puhdas JavaScript-kirjasto, joka antaa ohjelmistosuunnittelijoille mahdollisuuden luoda hyödyllisiä PDF-dokumentteja ja -raportteja ilman ulkoisia riippuvuuksia.

PDFMake-Wrapper-kirjasto sisältää tuen useille tärkeille perus- ja edistyneille ominaisuuksille, jotka liittyvät PDF-dokumenttien luomiseen ja hallintaan, kuten rivien rivitys, tekstin tasaus, marginaalien käyttö, tyylien luominen ja soveltaminen, taulukoiden ja sarakkeiden käyttö, asiakas/ palvelinpuolen PDF-tulostus, sivujen ylä- ja alatunnisteiden lisääminen, sivumäärä, mukautetut sivunvaihdot, kirjasinten upottaminen, sisällysluettelo, PDF-metatietojen purkaminen ja paljon muuta. Se on käärekirjasto, joka tarjoaa toimintoja PDF-dokumenttien kehittämiseen helposti ja nopeammin. Yksi PDFMake-Wrapperin hienoista ominaisuuksista on, että se on omaksunut deklaratiivisen lähestymistavan, joka antaa käyttäjille mahdollisuuden keskittyä helposti siihen, mitä he haluavat saavuttaa. Kirjasto on erittäin vakaa ja sitä voidaan helposti käyttää sekä asiakas- että palvelinpuolella.

Previous Next

PDFMake-Wrapperin käytön aloittaminen

PDFMake-Wrapper on saatavilla osoitteessa npm, voit helposti ladata sen ja asentaa sen koneellesi. Jotta voit käyttää tätä kirjastoa, sinun on asennettava nämä kolme pakettia.

Asenna PDFMake npm:n kautta

npm install pdfmake --save

@types/pdfmake sisältää pdfmake-tyypit kirjoitusvirheiden välttämiseksi.

npm install @types/pdfmake --save-dev

Asenna pdfmake-wrapper npm<:n kautta

npm install pdfmake-wrapper --save

Luo ja hallitse PDF-dokumentteja JavaScriptin avulla

Avoimen lähdekoodin PDFMake-Wrapper-kirjasto on erinomainen valinta PDF-dokumenttien luomiseen JavaScriptillä. Sen avulla ohjelmistokehittäjät voivat luoda PDF-dokumentteja selaimessa (asiakaspuolella) ja Node.js:ssä (palvelinpuolella) vain parilla JavaScript-koodirivillä. Kun PDF-tiedosto on luotu, voit myös muokata sitä sekä lisätä tekstiä, upottaa fontteja ja grafiikkaa, valita ja soveltaa eri tyylejä, lisätä ulkoisia kuvia ja paljon muuta. On myös mahdollista luoda PDF-tiedosto HTML:stä, mutta siihen tarvitaan html2canvas.

Kuinka luoda PDF-tiedosto HTML:stä JavaScriptin kautta


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

Ylä- ja alatunnisteiden lisäys PDF-tiedostoon JavaScriptin kautta

Avoimen lähdekoodin PDFMake-Wrapper-kirjaston avulla ohjelmistokehittäjät voivat helposti lisätä ylä- ja alatunnisteen PDF-dokumentteihinsa vain muutamalla koodirivillä. On myös mahdollista käyttää kuvaa ylä-/alatunnisteosion sisällä. On myös mahdollista lisätä muuta sisältöä, kuten sivunumero, yrityksen logo, tekijän nimi, sivumäärä, sivukoko jne. ylä-/alatunniste-osioon. On myös mahdollista soveltaa erilaisia muotoiluja ja muotoiluja. Käytä sisäistä tyyliä aina tarvittaessa ylä- tai alatunnisteosiossa.

Lisää ja hallitse taulukoita PDF-tiedostoon JS-kirjaston kautta

PDFMake-Wrapper-kirjasto on tarjonnut täydellisen tuen taulukoiden käyttämiselle PDF-dokumenttien sisällä. Se tarjoaa useita hyödyllisiä ominaisuuksia monimutkaisten taulukoiden hallintaan JavaScript-sovelluksissa, kuten uusien taulukoiden luominen tyhjästä, taulukoiden otsikoiden lisääminen, olemassa olevien taulukoiden koon muuttaminen, muotojen lisääminen otsikoihin, uusien solujen lisääminen, sarakkeiden ja solujen yhdistäminen, tyylien soveltaminen taulukoihin, ja niin edelleen.

Kuinka yhdistää sarakkeita PDF-taulukoihin JS-sovellusliittymän kautta?

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;

Piirrä vektoreita PDF-tiedostoon JavaScript API:n kautta

P PDFMake-Wrapper -kirjaston avulla ohjelmistokehittäjät voivat piirtää vektorimuotoja PDF-dokumenttien sisään helposti. Vektoreiden piirtäminen PDF-tiedostoihin edellyttää kanvasin luomista, johon vektorit piirretään. Muista, että järjestyksellä on väliä kankaalla, viimeinen vektori on muiden päällä. Kun se on luotu, voit myös muuttaa sen kokoa omien tarpeidesi mukaan ja vaihtaa sen helposti.

Piirrä viiva PDF-tiedostoon JavaScriptin avulla

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'
        });
    });
});
 Suomen