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

Skapa och hantera PDF filer via gratis JavaScript API

Öppen källa ren JavaScript Biblioteket kan skapa PDF filer, infoga bilder, text, ställa in marginal och lägga till bilagor till PDF för Node och webbläsare.

PDF PDF PDF PDF PDF Kit är ett mycket användbart open source JavaScript-bibliotek för att skapa och hantera PDF dokument med minimal ansträngning och kostnad. API är enkel att hantera och stöder lågnivåfunktioner samt abstraktion för funktionalitet på högre nivå.

PDFKit-biblioteket är mycket funktionsrikt och har inkluderat stöd för många viktiga funktioner relaterade till PDF dokument skapande och förvaltning som att infoga JPEG och NG-bilder, PDF krypteringsstöd, åtkomst privilegier, infoga länkar, linjeomslagning, textjustering, lägga till bullet listor, textbelysning, teckeninbäddning, transformationer stöd, lägga till linjära och radiella gradienter, lägga till anteckningar och många fler.

Biblioteket är mycket stabilt och kan enkelt användas på klienten samt serversidan. Det är inte möjligt i en webbläsare såväl som i Node.js och stöder helt skapandet av komplexa, flersidiga, utskrivbara dokument. Det kan köras i många populära webbläsare som Internet Explorer, Firefox, Chrome, Opera, Safari och mer.

Previous Next

Komma igång med PDFKit

PDFKit är tillgänglig på num, Du kan enkelt ladda ner den och installera den på din maskin. Använd följande kommando för smidig installation.

Installera PDFKit med num

npm install pdfkit

Skapa och redigera PDF filer med JavaScript bibliotek

Det kostnadsfria PDFKit-biblioteket kan användas för att enkelt skapa PDF-dokument i dina vunna JavaScript-applikationer. Det gör JavaScript-utvecklarens jobb enkelt genom att hjälpa dem att skapa en anpassad PDF med komplexa flersidiga dokument med bara ett par rader kod. Det har inkluderat stöd för flera viktiga funktioner, som att välja sidstorlek, ändra standardmarginal, välja teckensnittstyper eller teckenstorlek, tillämpa formatering och stilar och många fler.

Skapa PDF filer via JavaScript bibliotek

const PDFDocument = require('pdfkit');
const fs = require('fs');
// Create a document
const doc = new PDFDocument();
// Pipe its output somewhere, like to a file or HTTP response
// See below for browser usage
doc.pipe(fs.createWriteStream('output.pdf'));
// Embed a font, set the font size, and render some text
doc
  .font('fonts/PalatinoBold.ttf')
  .fontSize(25)
  .text('Some text with an embedded font!', 100, 100);
// Add an image, constrain it to a given size, and center it vertically and horizontally
doc.image('path/to/image.png', {
  fit: [250, 300],
  align: 'center',
  valign: 'center'
});
// Add another page
doc
  .addPage()
  .fontSize(25)
  .text('Here is some vector graphics...', 100, 100);
// Finalize PDF file
doc.end();

Lägg till och hantera bilder inuti PDF via JavaScript API

Det är mycket lätt att infoga bilder i ett PDF-dokument med hjälp av open source PDFKit-biblioteket. Du behöver bara ge bildvägen, bufferten eller data uri med bas64 kodade data och skicka den till bildmetoden. Det har gett flera funktioner för att hantera bilder, till exempel anpassa bildbredd och höjd, skala bild, passform inuti en form, stretch bild, åtkomst bild med URL, horisontellt anpassa bilden, vertikalt anpassa bilden och så vidare.

Hur man hanterar bilder i PDF via JavaScript

 // Scale proprotionally to the specified width
doc.image('images/test.jpeg', 0, 15, {width: 300})
   .text('Proportional to width', 0, 0);
// Fit the image within the dimensions
doc.image('images/test.jpeg', 320, 15, {fit: [100, 100]})
   .rect(320, 15, 100, 100)
   .stroke()
   .text('Fit', 320, 0);
// Stretch the image
doc.image('images/test.jpeg', 320, 145, {width: 200, height: 100})
   .text('Stretch', 320, 130);
// Scale the image
doc.image('images/test.jpeg', 320, 280, {scale: 0.25})
   .text('Scale', 320, 265);
// Fit the image in the dimensions, and center it both horizontally and vertically
doc.image('images/test.jpeg', 430, 15, {fit: [100, 100], align: 'center', valign: 'center'})
   .rect(430, 15, 100, 100).stroke()
   .text('Centered', 430, 0);

Infoga och hantera Text inuti PDF via S API

Den öppna källan JavaScript bibliotek PDFKit gör det möjligt för mjukvaruproffs att infoga samt ändra text i sina PDF dokument. Texttillägg och anpassning är mycket lätt att hantera och PDFKit-biblioteket har gett flera användbara funktioner för hantering av textbildning och styling. Det har inkluderat funktioner som texträttfärdigande, linjeomslagning, linjebrytning, textindragning, satt utrymme mellan punkter, stroke text, listor tillägg, rikt textstöd och många fler.

Hur man tillämpar textjustering via JavaScript API

 const lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam in suscipit purus.  Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nec hendrerit felis. Morbi aliquam facilisis risus eu lacinia. Sed eu leo in turpis fringilla hendrerit. Ut nec accumsan nisl.';
doc.fontSize(8);
doc.text(`This text is left aligned. ${lorem}`, {
  width: 410,
  align: 'left'
}
);
doc.moveDown();
doc.text(`This text is centered. ${lorem}`, {
  width: 410,
  align: 'center'
}
);
doc.moveDown();
doc.text(`This text is right aligned. ${lorem}`, {
  width: 410,
  align: 'right'
}
);
doc.moveDown();
doc.text(`This text is justified. ${lorem}`, {
  width: 410,
  align: 'justify'
}
);
// draw bounding rectangle
doc.rect(doc.x, 0, 410, doc.y).stroke();
 Svenska