1. produkty
  2.   PDF
  3.   JavaScript
  4.   JSPDF
 
  

Vygenerujte PDF pomocí Open Source JavaScript API

Open Source JavaScript Library pro vytváření a převod souborů PDF, přidání grafiky a textu do PDF pomocí JavaScriptu.

JSPDF je řešení na straně klienta HTML5 s otevřeným zdrojovým kódem pro vytváření a správu dokumentů PDF. Podporuje skvělé funkce, jako je hlášení, certifikáty, vstupenky a mnoho dalšího. Protože PDF je na webu velmi populární a téměř každá společnost jej používá ke sdílení dokumentů a zpráv. Pomocí několika příkazů můžete přistupovat ke všem skvělým funkcím ve vaší vlastní aplikaci a znovu je používat. 

Skvělá myšlenka knihovny JsPDF je, že generuje soubor PDF, když uživatelé kliknou na tlačítko stažení. Zahrnuje podporu několika významných funkcí, jako je generování dokumentů PDF, kreslení tvarů a vkládání obrázků do souborů PDF, přidávání stránek do PDF, přidávání a zobrazování textu, export mapy jako PDF, převod HTML do PDF a mnoho dalších.

Previous Next

Začínáme s JsPDF

Doporučený a nejjednodušší způsob, jak začít, je umístit hostovanou knihovnu CDN na vaši stránku, níže je příkaz.

použijte instalační kód

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>

Generování dokumentů PDF prostřednictvím knihovny JavaScript

JsPDF nabízí funkcionalitu pro generování dokumentů PDF a také úpravy v aplikacích JavaScript. Můžete snadno generovat dokumenty PDF a přidat do nich novou stránku. Při vytváření nového dokumentu můžete definovat orientaci dokumentu, jednotky a výchozí formát stránky. Jakmile je PDF vygenerováno, můžete do něj snadno přidávat nové stránky, vkládat obrázky atd.

Vytvářejte dokumenty PDF pomocí JavaScriptu

 import { jsPDF } from "jspdf";
  // Default export is a4 paper, portrait, using millimeters for units
  const doc = new jsPDF();
  doc.text("Hello world!", 10, 10);
  doc.save("a4.pdf");

Vkládání textu do PDF dokumentů přes JavaScript

JsPDF API usnadňuje vývojářům JavaScriptu přidávat a zobrazovat text uvnitř dokumentu PDF. Chcete-li nakreslit text, musíte definovat název písma. Můžeme si vybrat z dostupných fontů. Je také možné změnit rodinu písem a styl písma. Poté můžeme definovat velikost písma, barvu textu a další.

Přidejte text do existujícího PDF pomocí JavaScriptu

  //Add Text to Existing PDF 
  var doc = new jsPDF();
  doc.addHTML(document.body, function() {
  doc.text(20, 20, 'Hello world!');
  doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
  doc.addPage();
  doc.text(20, 20, 'Do you like that?');
  printData();
  });
  printData = function() {
  var str = doc.output('datauristring');
  console.log(str);
  // window.open(str); Optional
  }

Přidání grafiky do dokumentů PDF pomocí JavaScriptu

Knihovna JsPDF umožňuje profesionálům v JavaScriptu kreslit grafiku uvnitř dokumentů PDF. Grafika vždy přidává obsahu větší hodnotu. Nejprve musíme nakresleným tvarům nastavit barvy výplně a tahu. Můžeme také nastavit šířku tahu. Každá funkce kreslení tvaru bere souřadnice středového bodu jako dva první parametry (kromě trojúhelníku). Také přebírají styl kreslení posledního parametru. Elipsu můžeme nakreslit předáním dvou poloměrů nebo kružnice, předáním pouze jednoho poloměru, trojúhelníku, předáním souřadnic každého rohu a dalších.

Přidejte obrázek do PDF pomocí JavaScriptu

  // Add image to PDF
  var img = new Image()
  img.src = 'assets/sample.png'
  pdf.addImage(img, 'png', 10, 78, 12, 15)
 Čeština