1. Termékek
  2.   PDF
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

PDF-fájlok létrehozása ingyenes JavaScript API-n keresztül

Nyílt forráskód JavaScript A könyvtár lehetővé teszi, hogy PDF dokumentumot generáljon, szerkesztsen és nyomtatjon, adjon táblákat, képeket, fejléceket vagy lábléceket PDF-ra.

Könnyen használható könyvtárat keres PDF-dokumentumok létrehozásához és kezeléséhez mind a szerver oldalon, mind a kliens oldalon. A PDFMake-Wrapper nagyszerű választás lehet PDF-dokumentumok saját JavaScript-alkalmazásaiban történő kezeléséhez kisebb erőfeszítéssel és alacsonyabb költséggel. Ez egy nyílt forráskódú, tiszta JavaScript-könyvtár, amely lehetővé teszi a szoftvermérnökök számára, hogy hasznos PDF dokumentumokat és jelentéseket hozzanak létre külső függőségek nélkül.

A PDFMake-Rapper könyvtár számos fontos alapot és fejlett funkciót tartalmazott, amelyek PDF dokumentum létrehozásával és irányításával kapcsolatosak, mint például a line-wrapping, szöveges jelzések, margins használatával, stílusok létrehozásával és alkalmazásával, táblázatok és oszlopok használatával, ügyfél / szerver oldaloldali nyomtatás, oldalfejlesztők és lábfejek, oldalszám, egyedi oldaltörések, betűtípus, tartalom táblázat, PDF metaadat és még sok más. Ez egy roncs könyvtár, amely funkcionalitást biztosít a PDF dokumentumok egyszerű és gyorsabb fejlesztéséhez. A PDFMake-Rapper egyik nagy jellemzője, hogy deklaratív megközelítést fogadott el, amely lehetővé teszi a felhasználók számára, hogy könnyen összpontosítsanak arra, amit elérni akarnak. A könyvtár nagyon stabil, és könnyen használható az ügyfél, valamint a szerver oldalán.

Previous Next

Kezdőlap > PDFMake-Rapper

PDFMake-Rapper elérhető num, Könnyen letöltheti és telepítheti a gépén. A könyvtár használatához telepítenie kell ezt a három csomagot.

Telepítse a PDFMake-t num segítségével

npm install pdfmake --save

@types/pdfmake tartalmazza a pdfmake típusait, hogy elkerüljék a hibákat.

npm install @types/pdfmake --save-dev

Telepítse a pdfmake-csomagolót num segítségével <

npm install pdfmake-wrapper --save

Készítsen%JavaScriptés%JavaScriptkezelje%JavaScripta%JavaScriptPDF%JavaScriptdokumentumot%JavaScriptJavaScript-en%JavaScriptkeresztül

A nyílt forráskódú PDFMake-Rapper könyvtár kiváló választás PDF dokumentum JavaScript. Lehetővé teszi a szoftverfejlesztők számára, hogy PDF dokumentumot hozhassanak létre a böngészőben (kliens oldal) és a Node.js-ben (szerveroldal) mindössze néhány sor JavaScript kóddal. Miután a PDF fájl jön létre, akkor is módosíthatja, valamint beilleszteni szöveg, beágyazott betűk és grafika, válassza ki és alkalmazza a különböző stílusok, beilleszteni a külső képeket, és még sok más. Lehetőség van egy PDF fájl létrehozására HTML-ből, de ehhez html2canvasra lesz szüksége.

Hogyan hozhat létre PDF fájlt HTML-ről JavaScript-ra


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

Leaders & Footer Addition PDF fájl JavaScript

A nyílt forráskódú PDFMake-Rapper könyvtár nagyon egyszerűvé teszi a szoftverfejlesztők számára, hogy hozzáadják a fejléct, valamint a láblécüket a PDF dokumentumukban csak néhány sor kóddal. Lehetséges egy képet használni a fejléc / lábléc szakaszában. Lehetőség van más tartalmak hozzáadására, mint az oldalszám, a vállalati logó, a szerző neve, az oldalszám, az oldalméret stb. a fejléc / lábléc szakaszhoz. Lehetőség van különböző stílusok és formázások alkalmazására is. Jobb használni az inline stílust, ha szükséges a fejlécben vagy a lábléc szakaszban.

Insert & Manage táblák belül PDF keresztül S könyvtár

A PDFMake-Rapper könyvtár teljes támogatást nyújtott a PDF dokumentumban található táblázatok használatához. Különböző hasznos funkciókat kínál a komplex táblák kezeléséhez JavaScript alkalmazáson belül, például új táblák létrehozása a karcolásból, a meglévő táblákhoz tartozó fejlécek hozzáadása, a fejlécek hozzáadása, új sejtek beillesztése, oszlopok és sejtek kombinálása, stílusok alkalmazása az asztalokra, és így tovább.

Hogyan kombináljuk az oszlopokat PDF asztalon keresztül 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;

Draw Sectors belül PDF keresztül JavaScript API

A P PDFMake-Rapper könyvtár lehetővé teszi a szoftverfejlesztők számára, hogy PDF dokumentumban könnyedén készítsenek vektorformákat. Ahhoz, hogy a vektorokat PDF fájlban készítsük el, egy vászont kell létrehozni, amely ott lesz a vektorok. Kérjük, ne feledje, hogy a megrendelés a vászonra számít, az utolsó vektor a többiek tetején lesz. Miután létrehozta, akkor is átmérheti a saját igényeinek megfelelően, és könnyedén helyettesítheti.

Draw Line belül PDF keresztül 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'
        });
    });
});
 Magyar