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

Buat & Urus Fail PDF melalui API JavaScript Percuma

Perpustakaan JavaScript Tulen Sumber Terbuka membenarkan untuk mencipta fail PDF, Sisipkan imej, teks, tetapkan jidar & tambah lampiran pada PDF untuk Node dan pelayar web.

PDFKit ialah perpustakaan JavaScript sumber terbuka yang sangat berguna untuk mencipta dan mengurus dokumen PDF dengan usaha dan kos yang minimum. API adalah mudah untuk mengendalikan dan menyokong fungsi peringkat rendah serta abstraksi untuk fungsi peringkat lebih tinggi.

Pustaka PDFKit sangat kaya dengan ciri dan telah menyertakan sokongan untuk pelbagai ciri penting yang berkaitan dengan penciptaan dan pengurusan dokumen PDF seperti memasukkan imej JPEG dan PNG, sokongan penyulitan PDF, keistimewaan akses, memasukkan pautan, pembalut baris, penjajaran teks, menambah senarai peluru. , penonjolan teks, pembenaman fon, sokongan transformasi, menambah kecerunan Linear dan jejari, menambah Nota dan banyak lagi.

Perpustakaan ini sangat stabil dan boleh digunakan dengan mudah pada sisi pelanggan serta pelayan. Ia boleh dijalankan dalam penyemak imbas serta dalam Node.js dan menyokong sepenuhnya penciptaan dokumen boleh cetak yang kompleks, berbilang halaman. Ia boleh dijalankan dalam pelbagai pelayar popular seperti Internet Explorer, Firefox, Chrome, Opera, Safari dan banyak lagi.

Previous Next

Bermula dengan PDFKit

PDFKit tersedia di npm, Anda boleh memuat turun dan memasangnya dengan mudah pada mesin anda. Sila gunakan arahan berikut untuk pemasangan yang lancar.

Pasang PDFKit menggunakan npm

npm install pdfkit

Cipta & Edit Fail PDF menggunakan Pustaka JavaScript

Pustaka PDFKit Percuma boleh digunakan untuk membuat dokumen PDF di dalam aplikasi JavaScript anda yang dimenangi dengan mudah. Ia menjadikan tugas pembangun JavaScript mudah dengan membantu mereka menjana PDF tersuai dengan dokumen kompleks berbilang halaman dengan hanya beberapa baris kod. Ia telah menyertakan sokongan untuk beberapa ciri penting, seperti memilih saiz halaman, menukar margin lalai, memilih jenis fon atau saiz fon, menggunakan pemformatan dan gaya, dan banyak lagi.

Cipta Fail PDF melalui Perpustakaan 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();

Tambah & Urus Imej dalam PDF melalui API JavaScript

Sangat mudah untuk memasukkan imej ke dalam dokumen PDF menggunakan perpustakaan PDFKit sumber terbuka. Anda hanya perlu menyediakan laluan imej, penimbal atau uri data dengan data berkod base64 dan hantarkannya kepada kaedah imej. Ia telah menyediakan beberapa ciri untuk mengendalikan imej, seperti menyesuaikan lebar dan ketinggian imej, imej skala, imej muat di dalam bentuk, imej regangan, akses imej menggunakan URL, selaraskan imej secara mendatar, selaraskan imej secara menegak dan sebagainya.

Cara Mengurus Imej dalam PDF melalui 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);

Masukkan & Urus Teks dalam PDF melalui JS API

Pustaka JavaScript sumber terbuka PDFKit membolehkan profesional perisian memasukkan serta mengubah suai teks di dalam dokumen PDF mereka. Penambahan dan penyesuaian teks sangat mudah dikendalikan dan perpustakaan PDFKit telah menyediakan beberapa ciri berguna untuk mengendalikan pembentukan dan penggayaan teks. Ia telah menyertakan ciri seperti justifikasi teks, pembalut baris, pemisah baris, lekukan teks, ruang tetapkan antara perenggan, teks strok, penambahan senarai, sokongan teks kaya dan banyak lagi.

Cara Memohon Justifikasi Teks melalui API JavaScript

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