Tworzenie plików PDF za pomocą bezpłatnego interfejsu API JavaScript
Open Source JavaScript Library umożliwia generowanie, edytowanie i drukowanie PDF dokumentów, dodawanie tabel, obrazów, nagłówków lub stopów do PDFs.
Szukasz łatwego w użyciu biblioteki do tworzenia i zarządzania PDF dokumentów na stronie serwera, a także strony klienta. PDFMake-Rapper może być doskonałym wyborem do obsługi PDF dokumentów wewnątrz własnych JavaScript aplikacji z mniejszym wysiłku i mniejszych kosztów. Jest to otwarta biblioteka źródła czystego JavaScript biblioteki, która daje inżynierom oprogramowania możliwość generowania przydatnych PDF dokumentów i raportów bez żadnych zewnętrznych zależności.
Biblioteka PDFMake-Rapper zawiera wsparcie dla kilku ważnych podstawowych, jak również zaawansowanych funkcji związanych z tworzeniem i zarządzaniem PDF dokumentów, takich jak line-wrapping, text-alignments, przy użyciu szablonów, tworzenia stron To biblioteka, która zapewnia funkcjonalności do opracowania PDF dokumentów w łatwy i szybszy sposób. Jedną z zalet PDFMake-Rapper jest to, że przyjęła deklaratywne podejście, które daje użytkownikom możliwość łatwego skupienia się na tym, co chcą osiągnąć. Biblioteka jest bardzo stabilna i może być łatwo używana zarówno po stronie klienta, jak i po stronie serwera.
Zacznij od PDFMake-Rapper
PDFMake-Rapper jest dostępny na num, Można łatwo pobrać i zainstalować go na komputerze. Aby korzystać z tej biblioteki trzeba zainstalować te trzy pakiety.
Zainstaluj PDFMake przez num
npm install pdfmake --savetypes/pdfmake zawiera typy pdfmake, aby uniknąć błędów pisania.
npm install @types/pdfmake --save-devZainstaluj dozownik pdfmake przez num
npm install pdfmake-wrapper --saveTworzenie i zarządzanie PDF Dokumenty przez JavaScript
Otwarte źródło PDFMake-Rapper biblioteka jest doskonałym wyborem do generowania PDF dokumentów w JavaScript. Pozwala programistom tworzyć PDF dokumentów w przeglądarce (klient-side) i w Node.js (server-side) z zaledwie kilka linii JavaScript kodu. Po utworzeniu pliku PDF można również zmodyfikować go, jak również wstawić tekst, osadzone czcionki i grafikę, wybrać i zastosować z różnych stylów, wstawić obrazy zewnętrzne i wiele innych. Można również utworzyć PDF plików z HTML, ale trzeba będzie html2canvas do tego.
Jak utworzyć PDF File z HTML przez 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");
}
});
Liderzy & Footer Dodanie do PDF File przez JavaScript
Otwarta biblioteka PDFMake-Rapper sprawia, że bardzo łatwo deweloperom oprogramowania dodać nagłówek, a także stoper wewnątrz ich PDF dokumentów z zaledwie kilku linii kodu. Możliwe jest również użycie obrazu wewnątrz nagłówka/footer. Możliwe jest również dodanie innych treści, takich jak numer strony, logo firmy, nazwa autora, liczba stron, rozmiar strony itp. do sekcji nagłówka/strzałka. Możliwe jest również zastosowanie różnych rodzajów stylizacji i formatowania. Lepsze wykorzystanie stylizacji inline w razie potrzeby w nagłówku lub stopce.
Umieścić i zarządzać tabele wewnątrz PDF poprzez Bibliotekę S
Biblioteka PDFMake-Rapper zapewniła pełne wsparcie przy użyciu tabel wewnątrz PDF dokumentów. Zapewnia różne przydatne funkcje zarządzania złożonymi tabelami wewnątrz JavaScript aplikacji, takich jak tworzenie nowych tabel od podstaw, dodawanie nagłówków do tabel, rezydencja istniejących tabel, dodawanie formatu do nagłówków, wstawianie nowych komórek, łączenie kolumn i stylów.
Jak połączyć kolumny w PDF tabelach przez 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;
Ciągnięcie Sektory wewnątrz PDF przez JavaScript API
Biblioteka P PDFMake-Rapper umożliwia programistom rysowanie kształtów wektorowych wewnątrz PDF dokumentów z łatwością. Aby narysować wektory w PDF plikach, konieczne jest stworzenie płótna, gdzie wektory będą rysowane. Proszę pamiętać, że porządek ma znaczenie na płótnie, ostatni wektor będzie na szczycie innych. Po utworzeniu można również zmienić rozmiar według własnych potrzeb i zastąpić go łatwością.
Draw Line wewnątrz PDF przez 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'
});
});
});
