1. Táirgí
  2.   PDF
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

Cruthú Comhaid PDF trí API Saor JavaScript

Ceadaíonn Leabharlann JavaScript Foinse Oscailte doiciméid PDF a ghiniúint, a chur in eagar agus a phriontáil, táblaí, íomhánna, & ceanntásca nó buntásca a chur le PDF.

Leabharlann atá éasca le húsáid a lorg chun doiciméid PDF a chruthú agus a bhainistiú ar thaobh an fhreastalaí agus ar thaobh an chliaint. Is féidir le PDFMake-Wrapper a bheith ina rogha iontach chun do dhoiciméid PDF a láimhseáil taobh istigh d'fheidhmchláir JavaScript féin le hiarracht níos lú agus costas níos lú. Is leabharlann JavaScript íon foinse oscailte í a thugann an cumas d’innealtóirí bogearraí doiciméid agus tuarascálacha úsáideacha PDF a ghiniúint gan aon spleáchas seachtrach.

Áiríodh sa leabharlann PDFMake-Wrapper tacaíocht do roinnt bunghnéithe tábhachtacha chomh maith le hardghnéithe a bhaineann le cruthú agus bainistiú doiciméad PDF, mar fhilleadh ar líne, ailíniú téacs, úsáid a bhaint as corrlaigh, cruthú & stíleanna a chur i bhfeidhm, táblaí agus colúin a úsáid, cliant/ priontáil PDF ar thaobh an fhreastalaí, cuir isteach ceanntásca agus buntásca leathanaigh, comhaireamh na leathanach, sosanna leathanach saincheaptha, leabú cló, tábla ábhar, sliocht meiteashonraí PDF agus go leor eile. Is leabharlann fillte í a sholáthraíonn feidhmiúlachtaí chun doiciméid PDF a fhorbairt ar bhealach éasca agus níos tapúla. Gné iontach amháin de PDFMake-Wrapper ná go bhfuil cur chuige dearbhaithe glactha aige, a thugann an cumas d’úsáideoirí díriú go héasca ar cad is mian leo a bhaint amach. Tá an leabharlann an-chobhsaí agus is féidir í a úsáid go héasca ar thaobh an chliaint chomh maith le freastalaí.

Previous Next

Tús a chur le PDFMake-Wrapper

Tá PDFMake-Wrapper ar fáil ag npm, Is féidir leat é a íoslódáil go héasca agus é a shuiteáil ar do ríomhaire. Chun an leabharlann seo a úsáid ní mór duit na trí phacáiste seo a shuiteáil.

Suiteáil PDFMake trí npm

npm install pdfmake --save

@types/pdfmake tá na cineálacha le haghaidh pdfmake chun earráidí clóscríofa a sheachaint.

npm install @types/pdfmake --save-dev

Suiteáil pdfmake-wrapper trí npm<

npm install pdfmake-wrapper --save

Cruthaigh agus Bainistigh Doiciméid PDF trí JavaScript

Is rogha iontach í an leabharlann foinse oscailte PDFMake-Wrapper chun doiciméid PDF a ghiniúint i JavaScript. Ligeann sé d’fhorbróirí bogearraí doiciméid PDF a chruthú sa bhrabhsálaí (taobh an chliaint) agus i Node.js (taobh an fhreastalaí) gan ach cúpla líne de chód JavaScript. Nuair a chruthaítear an comhad PDF is féidir leat é a mhodhnú chomh maith le téacs a chur isteach, clónna agus grafaic a leabú, roghnú agus cur i bhfeidhm ó stíleanna éagsúla, cuir isteach íomhánna seachtracha, agus go leor eile. Is féidir freisin comhad PDF a chruthú ó HTML, ach beidh html2canvas uait chuige sin.

Conas a cruthaigh comhad pdf ó html trí 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");
  }
});

Ceanntásca & Buntásca Cur le Comhad PDF trí JavaScript

Fágann an leabharlann foinse oscailte PDFMake-Wrapper go bhfuil sé an-éasca d’fhorbróirí bogearraí an ceanntásc chomh maith le buntásc a chur leis laistigh dá ndoiciméid PDF gan ach cúpla líne cód. Is féidir freisin íomhá a úsáid taobh istigh den mhír header/buntásc. Is féidir freisin ábhar eile ar nós uimhir leathanaigh, lógó cuideachta, ainm údair, líon na leathanach, méid an leathanaigh, etc. a chur leis an gcuid ceanntásca/buntásc. Is féidir freisin cineálacha éagsúla stílithe agus formáidithe a chur i bhfeidhm. Úsáid níos fearr a bhaint as stíliú inlíne aon uair is gá sa chuid ceanntásca nó buntásc.

Ionsáigh agus Bainistigh Táblaí taobh istigh de PDF trí Leabharlann JS

Tá tacaíocht iomlán tugtha ag an leabharlann PDFMake-Wrapper chun táblaí a úsáid taobh istigh de dhoiciméid PDF. Soláthraíonn sé gnéithe úsáideacha éagsúla chun táblaí casta a bhainistiú laistigh d'fheidhmchláir JavaScript, mar shampla táblaí nua a chruthú ón tús, ceanntásca a chur le táblaí, táblaí atá ann cheana a athrú, formáid a chur le ceanntásca, cealla nua a chur isteach, colúin agus cealla a chomhcheangal, stíleanna a chur i bhfeidhm ar tháblaí, agus mar sin de.

Conas Colúin a Chomhcheangail i dTáblaí PDF trí 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;

Tarraing Veicteoirí taobh istigh de PDF trí JavaScript API

Cuireann an leabharlann P PDFMake-Wrapper ar chumas forbróirí bogearraí cruthanna veicteora a tharraingt taobh istigh de dhoiciméid PDF gan stró. Chun veicteoirí a tharraingt i gcomhaid PDF, ní mór canbhás a chruthú ina dtarraingeofar veicteoirí. Cuimhnigh le do thoil go bhfuil tábhacht leis an ordú ar an chanbhás, beidh an veicteoir deiridh ar bharr na cinn eile. Nuair a chruthaítear é is féidir leat é a athrú de réir do riachtanas féin agus é a athsholáthar gan stró.

Tarraing Líne taobh istigh PDF trí 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'
        });
    });
});
 Gaeilge