JavaScript: Создание PDF с помощью jsPDF

jsPDF очень прост для создания базовых PDF-файлов. Взгляните на простой пример «Hello World».

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Hello world</title>
</head>
<body>
 <h1>Hello world</h1>
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
 <script type="text/javascript">
 var pdf = new jsPDF();
 pdf.text(30, 30, 'Hello world!');
 pdf.save('hello_world.pdf');
 </script>
</body>
</html>

Эта HTML-страница генерирует одностраничный PDF-файл и сохраняет его на вашем компьютере. Сначала вам нужно создать ссылку на библиотеку jsPDF (в данном случае с cdnjs.com), затем создается экземпляр jsPDF, добавляется строка текста и результат сохраняется как hello_world.pdf.

Создатель флаеров

Пользовательский интерфейс позволяет пользователю вставлять некоторые основные данные (название, аннотацию и цену). При желании можно добавить изображение, в противном случае отображается заголовок специального предложения , выделенный серым цветом.

Остальные данные (название агентства, URL-адрес и логотип его веб-сайта) встроены в код приложения.

See the Pen PDF Flyer generator by SitePoint (@SitePoint) on CodePen.

Этот базовый пример показывает, как можно создать простой флаер с помощью jsPDF.

Скачать пример

На этой странице