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

Vytváření souborů PDF prostřednictvím bezplatného rozhraní JavaScript API

Otevřít zdroj JavaScript Knihovna umožňuje vytvářet, upravovat a tisknout PDF dokumentů, přidávat tabulky, obrázky, záhlaví nebo zápaty do PDF.

Hledáte snadno použitelnou knihovnu pro vytváření a správu dokumentů PDF na straně serveru i na straně klienta. PDFMake-Wrapper může být skvělou volbou pro práci s dokumenty PDF ve vašich vlastních aplikacích JavaScript s menším úsilím a nižšími náklady. Jedná se o open source čistě JavaScriptovou knihovnu, která dává softwarovým inženýrům možnost generovat užitečné dokumenty PDF a sestavy bez jakýchkoli externích závislostí.

Knihovna PDFMake-Rapper zahrnovala podporu pro několik důležitých základních i pokročilých funkcí souvisejících s vytvořením a řízením PDF dokumentů, jako je zabalování, textové zarovnání, použití okrajů, vytváření a aplikovat styly, pomocí tabulek a sloupů, klient/server-side PDF tisku, vložení záhlaví stránek a zápatí, počet stránek, vlastní přerušení stránky, vkládání písma, tabulka obsahu, extrahování PDF metadata a mnohem více. Jedná se o obalovou knihovnu, která poskytuje funkcionalit PDF dokumentů v jednoduchém a rychlejším způsobem. Jedna skvělá vlastnost PDFMake-Rapper je, že přijal declarativní přístup, který dává uživatelům schopnost snadno soustředit se na to, co chtějí dosáhnout. Knihovna je velmi stabilní a lze ji snadno použít i na straně serveru.

Previous Next

Začínáme s PDFMake-Rapper

PDFMake-Rapper je k dispozici na num, Můžete snadno stáhnout a nainstalovat jej na vašem stroji. Chcete-li použít tuto knihovnu, musíte nainstalovat tyto tři balíčky.

Instalace PDFMake přes num

npm install pdfmake --save

@types/pdfmake obsahuje typy pro pdfmake, aby se zabránilo psaní chyb.

npm install @types/pdfmake --save-dev

Instalace pdfmake-wrapper přes num Čeština

npm install pdfmake-wrapper --save

Vytvoření a správa PDF dokumentů pomocí JavaScript

Open source PDFMake-Rapper knihovna je vynikající volbou pro generování PDF dokumentů v JavaScript. Umožňuje vývojářům softwaru vytvořit PDF dokumentů v prohlížeči (klient klienta) a v Node.js (server-side) s pouhým několika řádky JavaScript kódu. Jakmile je soubor PDF vytvořen, můžete jej také upravit, stejně jako vložit text, vložit písma a grafiku, vybrat a aplikovat z různých stylů, vložit externí obrázky a mnohem více. Je také možné vytvořit soubor PDF z HTML, ale budete potřebovat html2canvas pro to.

Jak vytvořit PDF soubor od HTML přes 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");
  }
});

Leaders & Footer Přidání do PDF souboru přes JavaScript

Open source PDFMake-Rapper knihovna je velmi snadné pro vývojáře softwaru, aby přidali hlavičku, stejně jako zápat uvnitř jejich PDF dokumentů s pouhým několika řádky kódu. Je možné použít obrázek uvnitř sekce záhlaví/patička. Dále je možné přidat další obsah jako číslo stránky, logo společnosti, název autora, číslo stránky, velikost stránky atd. do sekce záhlaví/patička. Je také možné aplikovat různé druhy stylingu a formátování. Lepší použití inline styling kdykoliv potřebujete v záhlaví nebo zápatní části.

Vložit a spravovat tabulky uvnitř PDF přes S knihovna

Knihovna PDFMake-Wrapper poskytuje úplnou podporu pro použití tabulek v dokumentech PDF. Poskytuje různé užitečné funkce pro správu složitých tabulek v aplikacích JavaScript, jako je vytváření nových tabulek od začátku, přidávání záhlaví pro tabulky, změna velikosti existujících tabulek, přidávání formátu do záhlaví, vkládání nových buněk, kombinování sloupců a buněk, použití stylů na tabulky, a tak dále.

Jak kombinovat sloupy v PDF tabulkách přes S 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;

Sektory Draw uvnitř PDF přes JavaScript API

Knihovna P PDFMake-Rapper umožňuje vývojářům softwaru pro vektorové tvary uvnitř PDF dokumentů s lehkostí. Chcete-li kreslit vektory v PDF souborech, je nutné vytvořit plátno, která je tam, kde vektory budou kresleny. Vezměte prosím na vědomí, že na plátně bude poslední vektor na vrcholu druhých. Poté, co jste vytvořili, můžete jej změnit podle vlastních potřeb a snadno ji vyměnit.

Zásuvka uvnitř PDF přes 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'
        });
    });
});
 Čeština