สร้างและจัดการไฟล์ PDF ผ่านฟรี JavaScript API

แหล่งที่มาเปิดบริสุทธิ์ JavaScript ห้องสมุดช่วยให้การสร้าง PDF ไฟล์, แทรกภาพ, ข้อความ, ตั้งค่าขอบและเพิ่มสิ่งที่แนบไปยัง PDF สําหรับโหนดและเว็บเบราว์เซอร์.

PDFKit เป็นไลบรารีโอเพนซอร์สที่มีประโยชน์มากสําหรับการสร้างและจัดการเอกสาร PDF ฉบับด้วยความพยายามและค่าใช้จ่ายน้อยที่สุด API ตรงไปตรงมาเพื่อจัดการและสนับสนุนฟังก์ชั่นระดับต่ําเช่นเดียวกับนามธรรมสําหรับการทํางานระดับสูง

ไลบรารี PDFKit มีคุณลักษณะมากมายและได้รวมการสนับสนุนสําหรับคุณสมบัติที่สําคัญมากมายที่เกี่ยวข้องกับการสร้างเอกสาร PDF และการจัดการเช่นการใส่ภาพ JPEG และ NG, สนับสนุนการเข้ารหัส PDF เน้นสิทธิ์การเข้าถึง, การเชื่อมโยงการแทรกบรรทัด,

ห้องสมุดมีความเสถียรมากและสามารถใช้งานได้ง่ายกับลูกค้าเช่นเดียวกับด้านเซิร์ฟเวอร์ ไม่สามารถใช้งานได้ในเบราว์เซอร์เช่นเดียวกับใน Node.js และสนับสนุนการสร้างที่ซับซ้อนหลายหน้าเอกสารที่พิมพ์ได้ มันสามารถทํางานในเบราว์เซอร์ยอดนิยมมากมายเช่น Internet Explorer, Firefox, Chrome, Opera, Safari และอื่น ๆ

Previous Next

เริ่มต้นใช้งาน PDFKit

PDFKit สามารถใช้ได้ที่ num คุณสามารถดาวน์โหลดและติดตั้งบนเครื่องของคุณได้ โปรดใช้คําสั่งต่อไปนี้เพื่อการติดตั้งที่ราบรื่น

ติดตั้ง PDFKit โดยใช้ num

npm install pdfkit 

สร้างและแก้ไข PDF ไฟล์โดยใช้ JavaScript ห้องสมุด

ไลบรารี PDFKit ฟรีสามารถใช้สร้างเอกสาร PDF ภายในแอปพลิเคชัน JavaScript ที่ชนะของคุณได้อย่างง่ายดาย ทำให้งานของนักพัฒนา JavaScript ง่ายขึ้นโดยช่วยให้พวกเขาสร้าง PDF แบบกำหนดเองด้วยเอกสารหลายหน้าที่ซับซ้อนด้วยโค้ดเพียงไม่กี่บรรทัด มีการสนับสนุนคุณสมบัติที่สำคัญหลายอย่าง เช่น การเลือกขนาดหน้า เปลี่ยนระยะขอบเริ่มต้น การเลือกประเภทฟอนต์หรือขนาดฟอนต์ ใช้การจัดรูปแบบและสไตล์ และอื่นๆ อีกมากมาย

สร้าง PDF ไฟล์ผ่าน JavaScript ห้องสมุด

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

เพิ่มและจัดการรูปภาพภายใน PDF ผ่าน JavaScript API

มันเป็นเรื่องง่ายมากที่จะแทรกภาพภายใน PDF เอกสารโดยใช้แหล่งเปิดห้องสมุด PDFKit คุณเพียงแค่ต้องให้เส้นทางภาพบัฟเฟอร์หรือยูริข้อมูลที่มีข้อมูลเข้ารหัส Base64 และส่งไปยังวิธีการภาพ มันมีคุณสมบัติหลายอย่างสําหรับการจัดการภาพเช่นปรับแต่งความกว้างและความสูงของภาพขนาดภาพพอดีภายในรูปร่างภาพยืดภาพเข้าถึงโดยใช้ URL, แนวนอนจัดตําแหน่งภาพในแนวตั้งจัดตําแหน่งภาพและอื่น ๆ

วิธีการจัดการรูปภาพใน PDF ผ่าน 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);

แทรกและจัดการข้อความภายใน PDF ผ่าน S API

ไลบรารี JavaScript แหล่งที่มาเปิด PDFKit ช่วยให้ผู้เชี่ยวชาญด้านซอฟต์แวร์แทรกและแก้ไขข้อความภายในเอกสาร PDF ของพวกเขา นอกจากนี้และการปรับแต่งข้อความเป็นเรื่องง่ายมากที่จะจัดการและไลบรารี PDFKit ได้ให้คุณสมบัติที่มีประโยชน์หลายอย่างสําหรับการจัดการการสร้างข้อความและการจัดแต่งทรงผม มันมีคุณสมบัติเช่นเหตุผลข้อความ, ตัดสาย, แบ่งบรรทัด, การเยื้องข้อความ, ตั้งช่องว่างระหว่างย่อหน้า, ข้อความจังหวะ, การเพิ่มรายการ, การสนับสนุนข้อความที่หลากหลายและอื่น ๆ อีกมากมาย

วิธีการใช้การตั้งค่าข้อความผ่าน 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();
 ไทย