1. Продукти
  2.   PDF
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

Създаване на PDF файлове чрез безплатен JavaScript API

Библиотеката с отворен код JavaScript позволява да се генерират, редактират и отпечатват PDF документа, добавят таблици, изображения, заглавки или фурни до PDFs.

Търсите лесна за използване библиотека за създаване и управление на PDF документи от страна на сървъра, както и от страна на клиента. PDFMake-Rapper може да бъде чудесен избор за обработка на вашите PDF документи в собствените си JavaScript приложения с по-малки усилия и по-малко разходи. Това е библиотека с отворен код, която дава на софтуерните инженери възможността да генерират полезни PDF документа и доклади без външни зависимости.

Библиотеката PDFMake-Rapper е включвала поддръжка за няколко важни основни, както и разширени функции, свързани със създаването и управлението на PDF документа, като например редактиране на текст, създаване на маржове. Библиотеката на Wrapper осигурява функционалности за разработване на PDF документа по лесен и бърз начин. Една голяма характеристика на PDFMake-Rapper е, че той е приел декларативен подход, който дава на потребителите възможност лесно да се съсредоточат върху това, което искат да постигнат. Библиотеката е много стабилна и може лесно да се използва както от страна на клиента, така и от страна на сървъра.

Previous Next

Започнете с PDFMake-Rapper

PDFMake-Rapper е наличен в цифри, можете лесно да го изтеглите и да го инсталирате на вашата машина. За да използвате тази библиотека, трябва да инсталирате тези три пакета.

Инсталиране на PDFMake чрез

npm install pdfmake --save

types/pdfmake съдържа типовете за pdfmake, за да се избегнат грешки при писане.

npm install @types/pdfmake --save-dev

Инсталиране на pdfmake-wrapper чрез

npm install pdfmake-wrapper --save

Създаване и управление на PDF документа през JavaScript

Библиотеката с отворен код PDFMake-Rapper е отличен избор за генериране на PDF документа през JavaScript. Той позволява на разработчиците на софтуер да създават PDF документа в браузъра (клиентска страна) и в Node.js (server-side) само с няколко реда от JavaScript кода. След като се създаде PDF файла, можете също да го промените, както и да вмъкнете текст, вградени шрифтове и графики, изберете и прилагате от различни стилове, вмъкнете външни изображения и много други. Също така е възможно да създадете PDF файла от HTML, но за това ще ви трябва html2canvas.

Как да създадете PDF файла от HTML до 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");
  }
});

Добавяне на водача към PDF файла чрез JavaScript

Библиотеката с отворен код PDFMake-Rapper прави много лесно за разработчиците на софтуер да добавят заглавката и футера в своите PDF документа само с няколко реда код. Също така е възможно да се използва изображение в секцията Header/footer. Възможно е също така да добавите друго съдържание като номер на страница, лого на компанията, име на автор, брой на страниците, размер на страницата и др. Секция „Глава/глава“. Също така е възможно да се прилагат различни видове стилизиране и форматиране. По-добре използвайте инлайн стил, когато е необходимо в заглавната или долната част.

Вмъкване и управление на таблици в рамките на PDF чрез S библиотека

Библиотеката PDFMake-Rapper осигурява пълна поддръжка за използване на таблици в PDF документа. Той предоставя различни полезни функции за управление на сложни таблици в JavaScript приложения, като създаване на нови таблици от нулата, добавяне на заглавки за таблици, добавяне на формат към заглавки, вмъкване на нови клетки и колони.

Как да комбинирате колоните в PDF таблици чрез 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;

Теглене на секторите в PDF чрез JavaScript API

Библиотеката P PDFMake-Rapper позволява на разработчиците на софтуер да рисуват векторни форми в PDF документа с лекота. За да изтеглите вектори в PDF файла, е необходимо да създадете платно, където ще бъдат изтеглени вектори. Моля, не забравяйте, че поръчката има значение на платното, последният вектор ще бъде на върха на другите. След като сте го създали, можете да го преоразмерите според собствените си нужди и да го замените с лекота.

Пътеката е от PDF до 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'
        });
    });
});
 Български