1. Продукти
  2.   PDF
  3.   JavaScript
  4.   JSPDF
 
  

Створіть PDF за допомогою Open Source JavaScript API

Бібліотека JavaScript з відкритим вихідним кодом для створення та перетворення PDF-файлів, додавання графіки та тексту до PDF за допомогою JavaScript.

JSPDF — це клієнтське рішення HTML5 із відкритим кодом для створення PDF-документів і керування ними. Він підтримує такі чудові функції, як звітність, сертифікати, продаж квитків і багато іншого. Оскільки PDF дуже популярний в Інтернеті, і майже кожна компанія використовує його для обміну документами та звітами. Використовуючи лише пару команд, ви можете отримати доступ і повторно використовувати всі чудові функції у своїй власній програмі. 

Чудова думка про бібліотеку JsPDF полягає в тому, що вона створює PDF-файл, коли користувач натискає кнопку завантаження. Він включає підтримку кількох відомих функцій, таких як створення PDF-документів, малювання форм і вставлення зображень у PDF-файли, додавання сторінок у PDF, додавання та відображення тексту, експорт карти як PDF, конвертація HTML у PDF та багато іншого.

Previous Next

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

Рекомендований і найпростіший спосіб почати – перекинути розміщену CDN бібліотеку на свою сторінку, нижче наведена команда.

використовувати код встановлення

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>

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

JsPDF пропонує функціональні можливості для створення PDF-документів, а також модифікації в програмах JavaScript. Ви можете легко створити PDF-документ і додати до нього нову сторінку. Ви можете визначити орієнтацію документа, одиниці вимірювання та стандартний формат сторінки під час створення нового документа. Після створення PDF-файлу ви можете легко додавати до нього нові сторінки, вставляти зображення тощо.

Створюйте PDF-документи за допомогою JavaScript

 import { jsPDF } from "jspdf";
  // Default export is a4 paper, portrait, using millimeters for units
  const doc = new jsPDF();
  doc.text("Hello world!", 10, 10);
  doc.save("a4.pdf");

Вставлення тексту в документи PDF за допомогою JavaScript

JsPDF API допомагає розробникам JavaScript додавати та відображати текст у документі PDF. Щоб намалювати текст, потрібно визначити назву шрифту. Ми можемо вибрати з доступних шрифтів. Також можна змінити сімейство шрифтів і стиль шрифту. Після цього ми можемо визначити розмір шрифту, колір тексту тощо.

Додайте текст до наявного PDF-файлу за допомогою JavaScript

  //Add Text to Existing PDF 
  var doc = new jsPDF();
  doc.addHTML(document.body, function() {
  doc.text(20, 20, 'Hello world!');
  doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
  doc.addPage();
  doc.text(20, 20, 'Do you like that?');
  printData();
  });
  printData = function() {
  var str = doc.output('datauristring');
  console.log(str);
  // window.open(str); Optional
  }

Додавання графіки до PDF-документів за допомогою JavaScript

Бібліотека JsPDF дозволяє професіоналам JavaScript малювати графіку в документах PDF. Графіка завжди додає більше цінності вмісту. Спочатку ми повинні встановити кольори заливки та обведення намальованих фігур. Ми також можемо встановити ширину штриха. Кожна функція малювання форми приймає координати центральної точки як два перших параметра (крім трикутника). Вони також використовують стиль малювання останнього параметра. Ми можемо намалювати еліпс, передаючи два радіуси або коло, передаючи лише один радіус, трикутник, передаючи координати кожного кута тощо.

Додайте зображення до PDF за допомогою JavaScript

  // Add image to PDF
  var img = new Image()
  img.src = 'assets/sample.png'
  pdf.addImage(img, 'png', 10, 78, 12, 15)
 Українська