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

Генерирайте PDF чрез 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)
 Български