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

Generați PDF prin API-ul JavaScript Open Source

Bibliotecă JavaScript open source pentru crearea și conversia fișierelor PDF, adăugați grafică și text în PDF prin JavaScript.

JSPDF este o soluție open source HTML5 pentru client pentru crearea și gestionarea documentelor PDF. Acceptă funcții excelente, cum ar fi raportare, certificate, bilete și multe altele. Deoarece PDF-ul este foarte popular pe web și aproape fiecare companie îl folosește pentru a partaja documente și rapoarte. Folosind doar câteva comenzi, puteți accesa și reutiliza toate funcțiile grozave din propria aplicație. 

Cea mai bună idee despre biblioteca JsPDF este că generează un fișier PDF atunci când utilizatorii dau clic pe butonul de descărcare. Acesta a inclus suport pentru mai multe funcții importante, cum ar fi generarea de documente PDF, desenarea formelor și inserarea de imagini în fișiere PDF, adăugarea de pagini în PDF, adăugarea și afișarea textului, exportul hărții ca PDF, conversia HTML în PDF și multe altele.

Previous Next

Noțiuni introductive cu JsPDF

Cea mai recomandată și cea mai ușoară modalitate de a începe este să aruncați biblioteca găzduită CDN în pagina dvs., mai jos este comanda.

utilizați codul de instalare

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

Generarea de documente PDF prin biblioteca JavaScript

JsPDF oferă funcționalitatea pentru generarea de documente PDF, precum și modificări în interiorul aplicațiilor JavaScript. Puteți genera cu ușurință documente PDF și puteți adăuga o nouă pagină la ele. Puteți defini orientarea documentului, unitățile și formatul implicit de pagină în timp ce creați noul document. Odată ce PDF-ul este generat, puteți adăuga cu ușurință pagini noi, inserați imagini etc. cu ușurință.

Creați documente PDF prin JavaScript

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

Inserarea textului în documente PDF prin JavaScript

API-ul JsPDF facilitează dezvoltatorilor JavaScript să adauge și să afișeze text în interiorul unui document PDF. Pentru a desena textul, trebuie să definiți numele fontului. Putem alege dintre fonturile disponibile. De asemenea, este posibil să schimbați familia de fonturi și stilul fontului. După aceea, putem defini dimensiunea fontului, culoarea textului și multe altele.

Adăugați text la PDF existent folosind JavaScript

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

Adăugarea de elemente grafice la documentele PDF prin JavaScript

Biblioteca JsPDF permite profesioniștilor JavaScript să deseneze grafice în documente PDF. Grafica adaugă întotdeauna mai multă valoare piesei de conținut. În primul rând, trebuie să setăm culorile de umplere și de trasare a formelor desenate. Putem seta și lățimea cursei. Fiecare funcție de desenare a formei ia coordonatele punctului central ca doi primi parametri (cu excepția triunghiului). Ei iau, de asemenea, stilul de desen al ultimului parametru. Putem desena o elipsă, trecând două raze sau cerc, trecând doar o rază, un triunghi, trecând coordonatele fiecărui colț și multe altele.

Adăugați o imagine în PDF folosind JavaScript

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