Tạo và quản lý PDF tập tin thông qua miễn phí JavaScript API

Bắt đầu với PDFKit

PDFKit có sẵn ở num, Anh có thể dễ dàng tải nó và cài đặt nó lên máy của anh. Làm ơn dùng lệnh theo dõi để lắp đặt trơn tru.

npm install pdfkit 

Tạo và Edit PDF Files sử dụng JavaScript thư viện

Thư viện PDFKit miễn phí có thể được sử dụng để tạo tài liệu PDF bên trong các ứng dụng JavaScript đã giành được của bạn một cách dễ dàng. Nó làm cho công việc của nhà phát triển JavaScript trở nên dễ dàng bằng cách giúp họ tạo một tệp PDF tùy chỉnh với các tài liệu phức tạp, nhiều trang chỉ bằng một vài dòng mã. Nó bao gồm hỗ trợ cho một số tính năng quan trọng, chẳng hạn như chọn kích thước trang, thay đổi lề mặc định, chọn loại phông chữ hoặc kích thước phông chữ, áp dụng định dạng và kiểu, v.v.

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

Thêm vào và quản lý hình ảnh bên trong PDF qua JavaScript API

Rất dễ dàng để chèn hình ảnh bên trong tài liệu PDF bằng thư viện PDFKit mã nguồn mở. Bạn chỉ cần cung cấp đường dẫn hình ảnh, bộ đệm hoặc uri dữ liệu với dữ liệu được mã hóa base64 và chuyển nó vào phương thức hình ảnh. Nó đã cung cấp một số tính năng để xử lý hình ảnh, chẳng hạn như tùy chỉnh chiều rộng và chiều cao của hình ảnh, chia tỷ lệ hình ảnh, khớp hình ảnh bên trong một hình dạng, kéo dài hình ảnh, truy cập hình ảnh bằng URL, căn chỉnh hình ảnh theo chiều ngang, căn chỉnh hình ảnh theo chiều dọc, v.v.

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

Chèn và quản lý văn bản trong PDF qua S API

Nguồn mở JavaScript thư viện PDFKit cho phép các chuyên gia phần mềm chèn cũng như sửa đổi tin nhắn trong PDF tài liệu của họ. Thêm tin nhắn và tùy biến rất dễ xử lý và thư viện PDFKit đã cung cấp một số tính năng hữu dụng để xử lý sự hình thành và phong cách văn bản. Nó bao gồm các tính năng như sự biện minh văn bản, gói hàng, đường dây, sự xâm nhập văn bản, đặt không gian giữa các đoạn, văn bản đột quỵ, danh sách bổ sung, hỗ trợ văn bản giàu có và nhiều hơn nữa.

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