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

Generuokite PDF naudodami atvirojo kodo JavaScript API

Atvirojo kodo „JavaScript“ biblioteka, skirta PDF failams kurti ir konvertuoti, pridėkite grafiką ir tekstą į PDF naudodami „JavaScript“.

JSPDF yra atvirojo kodo HTML5 kliento sprendimas, skirtas PDF dokumentų kūrimui ir valdymui. Tai palaiko puikias funkcijas, tokias kaip ataskaitų teikimas, sertifikatai, bilietų pardavimas ir daug daugiau. Kadangi PDF yra labai populiarus visame žiniatinklyje, beveik kiekviena įmonė jį naudoja dokumentams ir ataskaitoms bendrinti. Naudodami tik keletą komandų galite pasiekti ir pakartotinai naudoti visas puikias savo programos funkcijas. 

Puiki mintis apie JsPDF biblioteką yra ta, kad ji sukuria PDF failą, kai vartotojai spusteli atsisiuntimo mygtuką. Ji apima kelių svarbių funkcijų palaikymą, pvz., PDF dokumentų generavimą, figūrų piešimą ir vaizdų įterpimą į PDF failus, puslapių įtraukimą į PDF, teksto pridėjimą ir rodymą, žemėlapio eksportavimą PDF formatu, HTML konvertavimą į PDF ir daug daugiau.

Previous Next

Darbo su JsPDF pradžia

Rekomenduojamas ir lengviausias būdas pradėti yra įdėti CDN priglobtą biblioteką į savo puslapį, žemiau yra komanda.

naudoti diegimo kodą

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

PDF dokumentų generavimas naudojant „JavaScript“ biblioteką

JsPDF siūlo PDF dokumentų generavimo ir modifikacijų „JavaScript“ programose funkcijas. Galite lengvai generuoti PDF dokumentus ir pridėti prie jo naują puslapį. Kurdami naują dokumentą galite nustatyti dokumento orientaciją, vienetus ir numatytąjį puslapio formatą. Sukūrę PDF galite lengvai pridėti naujų puslapių, įterpti paveikslėlių ir pan.

Kurkite PDF dokumentus naudodami „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");

Teksto įterpimas į PDF dokumentus naudojant „JavaScript“.

JsPDF API leidžia „JavaScript“ kūrėjams pridėti ir rodyti tekstą PDF dokumente. Norėdami piešti tekstą, turite nustatyti šrifto pavadinimą. Galime rinktis iš turimų šriftų. Taip pat galima pakeisti šriftų šeimą ir šrifto stilių. Po to galime nustatyti šrifto dydį, teksto spalvą ir kt.

Pridėkite tekstą prie esamo PDF naudodami „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
  }

Grafikos pridėjimas prie PDF dokumentų naudojant „JavaScript“.

JsPDF biblioteka leidžia „JavaScript“ profesionalams piešti grafiką PDF dokumentuose. Grafika visada suteikia daugiau vertės turiniui. Pirmiausia turime nustatyti nupieštų formų užpildymo ir potėpių spalvas. Taip pat galime nustatyti eigos plotį. Kiekviena figūros piešimo funkcija paima centrinio taško koordinates kaip du pirmuosius parametrus (išskyrus trikampį). Jie taip pat imasi paskutinio parametro piešimo stiliaus. Galime nubrėžti elipsę, aplenkdami du spindulius arba apskritimą, pervedami tik vieną spindulį, trikampį, pervesdami kiekvieno kampo koordinates ir kt.

Pridėkite vaizdą į PDF naudodami JavaScript

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