1. Termékek
  2.   PDF
  3.   JavaScript
  4.   JSPDF
 
  

PDF létrehozása nyílt forráskódú JavaScript API-n keresztül

Nyílt forráskódú JavaScript-könyvtár PDF-fájlok létrehozásához és konvertálásához, grafikák és szövegek hozzáadása a PDF-hez JavaScript segítségével.

A JSPDF egy nyílt forráskódú HTML5 kliensoldali megoldás PDF dokumentumok létrehozására és kezelésére. Támogatja az olyan nagyszerű funkciókat, mint a jelentéskészítés, a tanúsítványok, a jegyértékesítés és még sok más. Mivel a PDF nagyon népszerű az interneten, és szinte minden vállalat használja dokumentumok és jelentések megosztására. Csupán néhány parancs használatával elérheti és újra felhasználhatja a saját alkalmazásában található összes nagyszerű funkciót. 

A JsPDF könyvtár nagyszerű gondolata az, hogy PDF fájlt generál, amikor a felhasználók a letöltés gombra kattintanak. Számos kiemelkedő funkciót támogat, például PDF-dokumentumok létrehozását, alakzatok rajzolását és képek beszúrását PDF-fájlokba, oldalak hozzáadása a PDF-hez, szöveg hozzáadása és megjelenítése, térkép exportálása PDF-ként, HTML konvertálása PDF-be és még sok más.

Previous Next

A JsPDF használatának megkezdése

Az ajánlott és legegyszerűbb módja az indulásnak, hogy a CDN által tárolt könyvtárat bedobja az oldalára, alább található a parancs.

használja a telepítési kódot

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

PDF dokumentumok generálása JavaScript Library segítségével

A JsPDF a PDF dokumentumok generálására, valamint a JavaScript-alkalmazásokon belüli módosításokra kínál funkcionalitást. Könnyedén generálhat PDF dokumentumokat, és új oldalt adhat hozzá. Az új dokumentum létrehozásakor meghatározhatja a dokumentum tájolását, mértékegységeit és az alapértelmezett oldalformátumot. A PDF létrehozása után könnyedén hozzáadhat új oldalakat, beszúrhat képeket stb.

PDF dokumentumok létrehozása JavaScript segítségével

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

Szöveg beillesztése PDF dokumentumokba JavaScript segítségével

A JsPDF API megkönnyíti a JavaScript-fejlesztők számára, hogy szöveget adjanak hozzá és jelenítsenek meg egy PDF-dokumentumban. A szöveg rajzolásához meg kell adni a betűtípus nevét. A rendelkezésre álló betűtípusok közül választhatunk. Lehetőség van a betűtípuscsalád és a betűstílus megváltoztatására is. Ezt követően meghatározhatjuk a betűméretet, a szöveg színét és egyebeket.

Szöveg hozzáadása a meglévő PDF-hez JavaScript használatával

  //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
  }

Grafika hozzáadása PDF-dokumentumokhoz JavaScript segítségével

A JsPDF könyvtár lehetővé teszi a JavaScript Professional számára, hogy grafikákat rajzoljon PDF dokumentumokba. A grafika mindig több értéket ad a tartalomnak. Először is be kell állítani a rajzolt alakzatok kitöltési és körvonali színeit. A löketszélességet is beállíthatjuk. Minden alakrajzi függvény a középpont koordinátáit veszi fel két első paraméterként (kivéve a háromszöget). Az utolsó paraméter rajzstílust is veszik. Rajzolhatunk ellipszist, ha átadunk két sugárt vagy kört, ha csak egy sugárt, háromszöget, az egyes sarkok koordinátáit és így tovább.

Kép hozzáadása a PDF-hez JavaScript használatával

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