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

Luo PDF avoimen lähdekoodin JavaScript-sovellusliittymän kautta

Avoimen lähdekoodin JavaScript-kirjasto PDF-tiedostojen luomiseen ja muuntamiseen, lisää grafiikkaa ja tekstiä PDF-tiedostoon JavaScriptin kautta.

JSPDF on avoimen lähdekoodin HTML5-asiakaspuolen ratkaisu PDF-dokumenttien luomiseen ja hallintaan. Se tukee upeita ominaisuuksia, kuten raportointia, varmenteita, lipunmyyntiä ja paljon muuta. Koska PDF on erittäin suosittu verkossa, ja melkein jokainen yritys käyttää sitä asiakirjojen ja raporttien jakamiseen. Vain muutamalla komennolla voit käyttää ja käyttää uudelleen kaikkia hienoja ominaisuuksia oman sovelluksesi sisällä. 

Suuri ajatus JsPDF-kirjastosta on, että se luo PDF-tiedoston, kun käyttäjät napsauttavat latauspainiketta. Se on sisältänyt tuen useille näkyville ominaisuuksille, kuten PDF-dokumenttien luomiseen, muotojen piirtämiseen ja kuvien lisäämiseen PDF-tiedostoihin, sivujen lisäämiseen PDF-tiedostoon, tekstin lisäämiseen ja näyttämiseen, kartan viemiseen PDF-muodossa, HTML:n muuntamiseen PDF-muotoon ja paljon muuta.

Previous Next

JsPDF:n käytön aloittaminen

Suositeltava ja helpoin tapa aloittaa on pudottaa CDN-isännöity kirjasto sivullesi, alla on komento.

käytä asennuskoodia

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

PDF-dokumenttien luominen JavaScript-kirjaston kautta

JsPDF tarjoaa toiminnot PDF-dokumenttien luomiseen sekä JavaScript-sovellusten sisältämien muutosten tekemiseen. Voit helposti luoda PDF-dokumentteja ja lisätä siihen uuden sivun. Voit määrittää asiakirjan suunnan, yksiköt ja oletussivumuodon uutta asiakirjaa luodessasi. Kun PDF on luotu, voit helposti lisätä siihen uusia sivuja, lisätä kuvia jne.

Luo PDF-dokumentteja JavaScriptin avulla

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

Tekstin lisääminen PDF-dokumentteihin JavaScriptin kautta

JsPDF-sovellusliittymän avulla JavaScript-kehittäjät voivat lisätä ja näyttää tekstiä PDF-dokumentin sisällä. Tekstin piirtämistä varten sinun on määritettävä fontin nimi. Voimme valita käytettävissä olevista fonteista. On myös mahdollista muuttaa kirjasinperhettä ja kirjasintyyliä. Sen jälkeen voimme määrittää fontin koon, tekstin värin ja paljon muuta.

Lisää tekstiä olemassa olevaan PDF-tiedostoon JavaScriptin avulla

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

Grafiikan lisääminen PDF-dokumentteihin JavaScriptin kautta

JsPDF-kirjaston avulla JavaScript-ammattilainen voi piirtää grafiikkaa PDF-dokumentteihin. Grafiikka tuo aina lisäarvoa sisältöön. Ensin meidän on asetettava piirrettyjen muotojen täyttö- ja viivavärit. Voimme myös asettaa iskun leveyden. Jokainen muotopiirustusfunktio ottaa keskipisteen koordinaatit kahdeksi ensimmäiseksi parametriksi (paitsi kolmio). Ne käyttävät myös viimeisen parametrin piirustustyyliä. Voimme piirtää ellipsin ohittamalla kaksi sädettä tai ympyrää, ohittamalla vain yhden säteen, kolmion, ohittamalla kunkin kulman koordinaatit ja paljon muuta.

Lisää kuva PDF-tiedostoon JavaScriptin avulla

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