Створити та керувати PDF файлів за допомогою Free JavaScript API

Відкрити джерело Чистий JavaScript Бібліотека дозволяє створювати PDF файлів, вставити зображення, текст, встановити запас та додати вкладення до PDF для Node та веб-браузера.

PDFKit є дуже корисним відкритим вихідним кодом JavaScript для створення та управління PDF документів з мінімальними зусиллями та вартістю. API має право обробляти та підтримувати функції низького рівня, а також абстракцію для більш високої функціональності.

Бібліотека PDFKit має багато функцій і включає підтримку багатьох важливих функцій, пов’язаних із створенням та керуванням PDF-документами, наприклад вставлення зображень JPEG і PNG, підтримку шифрування PDF, права доступу, вставлення посилань, перенос рядків, вирівнювання тексту, додавання списків маркерів. , виділення тексту, вбудовування шрифтів, підтримка трансформацій, додавання лінійних і радіальних градієнтів, додавання приміток і багато іншого.

Бібліотека дуже стабільна і легко використовується на клієнті, а також на сервері. Не вдається в браузері, а також в Node.js і повністю підтримує створення складних, багатосторінкових, друкованих документів. У багатьох популярних браузерах, таких як Internet Explorer, Firefox, Chrome, Opera, Safari та багато іншого.

Previous Next

Початок роботи з PDFKit

PDFKit доступна на num, Ви можете легко завантажити його і встановити його на вашому пристрої. Будь ласка, використовуйте наступний командний ряд для плавної установки.

Встановіть PDFKit за допомогою num

npm install pdfkit 

Створення та редагування PDF файлів за допомогою бібліотеки JavaScript

Безкоштовно PDF Бібліотека Kit може бути використана для створення 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. Ви просто повинні надати шлях зображення, буфер або дані uri з base64 зашифровані дані і передати його до методу зображення. Він надає кілька функцій для обробки зображень, таких як налаштування ширини зображення і висоти, масштабування зображення, fit зображення всередині форми, розтягування зображення, зображення доступу за допомогою 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

Русский EnglishРусскийУкраїнськаPolskiItalianoEspañol汉语Bahasa Indonesiaहिन्दीPortuguês日本語DeutschFrançaisภาษาไทยελληνικά اللغة العربية Наведено кілька корисних функцій для обробки тексту та укладання тексту. Він включає в себе функції, як текстове обґрунтування, обгортання рядків, розбиття рядків, текстове відступування, встановлення простору між пунктами, текстом штриху, додаванням списку, насиченою підтримкою тексту та багато іншого.

Як застосувати вирівнювання тексту через 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();
 Українська