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

Ģenerējiet PDF, izmantojot atvērtā pirmkoda JavaScript API

Atvērtā pirmkoda JavaScript bibliotēka PDF failu izveidei un konvertēšanai, pievienojiet grafiku un tekstu PDF failam, izmantojot JavaScript.

JSPDF ir atvērtā koda HTML5 klienta puses risinājums PDF dokumentu izveidei un pārvaldībai. Tā atbalsta lieliskas funkcijas, piemēram, atskaites, sertifikātus, biļešu iegādi un daudz ko citu. Tā kā PDF ir ļoti populārs tīmeklī, un gandrīz katrs uzņēmums to izmanto dokumentu un pārskatu kopīgošanai. Izmantojot tikai dažas komandas, varat piekļūt un atkārtoti izmantot visas lieliskas iespējas savā lietojumprogrammā. 

Lieliskā doma par JsPDF bibliotēku ir tāda, ka tā ģenerē PDF failu, kad lietotāji noklikšķina uz lejupielādes pogas. Tas ir iekļāvis atbalstu vairākām ievērojamām funkcijām, piemēram, PDF dokumentu ģenerēšanai, formu zīmēšanai un attēlu ievietošanai PDF failos, lapu pievienošanai PDF failam, teksta pievienošanai un parādīšanai, kartes eksportēšanai PDF formātā, HTML konvertēšanai uz PDF un daudz ko citu.

Previous Next

Darba sākšana ar JsPDF

Ieteicamais un vienkāršākais veids, kā sākt, ir ievietot CDN mitināto bibliotēku savā lapā. Tālāk ir norādīta komanda.

izmantojiet instalācijas kodu

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

PDF dokumentu ģenerēšana, izmantojot JavaScript bibliotēku

JsPDF piedāvā funkcionalitāti PDF dokumentu ģenerēšanai, kā arī modifikācijas JavaScript lietojumprogrammās. Jūs varat viegli ģenerēt PDF dokumentus un pievienot tam jaunu lapu. Jaunā dokumenta izveides laikā varat definēt dokumenta orientāciju, vienības un noklusējuma lapas formātu. Kad PDF ir ģenerēts, varat viegli pievienot jaunas lapas, ievietot attēlus utt.

Izveidojiet PDF dokumentus, izmantojot 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");

Teksta ievietošana PDF dokumentos, izmantojot JavaScript

JsPDF API ļauj JavaScript izstrādātājiem pievienot un parādīt tekstu PDF dokumentā. Lai zīmētu tekstu, jums jādefinē fonta nosaukums. Mēs varam izvēlēties kādu no pieejamajiem fontiem. Ir iespējams arī mainīt fontu saimi un fontu stilu. Pēc tam mēs varam definēt fonta lielumu, teksta krāsu un daudz ko citu.

Pievienojiet tekstu esošajam PDF failam, izmantojot 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
  }

Grafikas pievienošana PDF dokumentiem, izmantojot JavaScript

JsPDF bibliotēka ļauj JavaScript profesionālim zīmēt grafiku PDF dokumentos. Grafika vienmēr piešķir satura daļai lielāku vērtību. Pirmkārt, mums ir jāiestata zīmēto formu aizpildījuma un triepiena krāsas. Mēs varam arī iestatīt gājiena platumu. Katra formas zīmēšanas funkcija ņem centra punkta koordinātas kā divus pirmos parametrus (izņemot trīsstūri). Viņi arī izmanto pēdējo parametru zīmēšanas stilu. Mēs varam uzzīmēt elipsi, izejot divus rādiusus vai apli, izejot tikai vienu rādiusu, trīsstūri, izlaižot katra stūra koordinātas un daudz ko citu.

Pievienojiet attēlu PDF failam, izmantojot JavaScript

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