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

Generera PDF via Open Source JavaScript API

Open Source JavaScript-bibliotek för att skapa och konvertera PDF-filer, lägg till grafik och text till PDF via JavaScript.

JSPDF är en HTML5-lösning på klientsidan med öppen källkod för att skapa och hantera PDF-dokument. Den stöder fantastiska funktioner som rapportering, certifikat, biljettförsäljning och mycket mer. Eftersom PDF är mycket populärt på webben och nästan alla företag använder det för att dela dokument och rapporter. Genom att använda bara ett par kommandon kan du komma åt och återanvända alla fantastiska funktioner i din egen applikation. 

Det bästa med JsPDF-biblioteket är att det genererar en PDF-fil när användare klickar på nedladdningsknappen. Det har inkluderat stöd för flera framträdande funktioner, som att generera PDF-dokument, rita former och infoga bilder i PDF-filer, lägga till sidor till PDF, lägga till och visa text, exportera karta som PDF, konvertera HTML till PDF och många fler.

Previous Next

Komma igång med JsPDF

Det rekommenderade och enklaste sättet att komma igång är att släppa CDN-värdbiblioteket på din sida, nedan är kommandot.

använd installationskoden

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

Generera PDF-dokument via JavaScript-biblioteket

JsPDF erbjuder funktionalitet för generering av PDF-dokument samt modifieringar i JavaScript-applikationer. Du kan enkelt skapa PDF-dokument och lägga till en ny sida till den. Du kan definiera dokumentorientering, enheter och standardsidformat när du skapar det nya dokumentet. När PDF-filen har skapats kan du enkelt lägga till nya sidor, infoga bilder etc. till den med lätthet.

Skapa PDF-dokument via 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");

Infoga text till PDF-dokument via JavaScript

JsPDF API underlättar JavaScript-utvecklare att lägga till och visa text i ett PDF-dokument. För att rita texten måste du definiera teckensnittsnamnet. Vi kan välja bland de tillgängliga typsnitten. Det är också möjligt att ändra teckensnittsfamiljen och teckensnittsstilen. Efter det kan vi definiera teckenstorlek, textfärg och mer.

Lägg till text till befintlig PDF med 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
  }

Lägga till grafik till PDF-dokument via JavaScript

JsPDF-biblioteket gör att JavaScript-proffs kan rita grafik i PDF-dokument. Grafiken tillför alltid mer värde till innehållet. Först måste vi ställa in de ritade formernas fyllnings- och streckfärger. Vi kan också ställa in slagbredden. Varje formritningsfunktion tar mittpunktskoordinaterna som två första parametrar (förutom triangel). De tar också den sista parameterns ritstil. Vi kan rita en ellips genom att passera två radier eller cirkel, genom att bara passera en radie, en triangel, genom att passera varje hörns koordinater och mer.

Lägg till bild till PDF med JavaScript

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