Pembuatan PDF Sisi Klien Dalam Sudut Dengan jsPDF.

Pembuatan PDF Sisi Klien Dalam Sudut Dengan jsPDF.

Dalam tutorial PDF Angular ini, saya akan berbagi dengan Anda cara mengekspor PDF datang dalam aplikasi Angular yang mengeksploitasi paket jsPDF. kami dapat menghasilkan PDF untuk banyak dokumen seperti faktur, laporan, formulir, dll. Dalam aplikasi yang sangat bersih, kami dapat menghasilkan strategi pencetakan browser eksploitasi pdf, alat pihak ketiga, dan bahwa kami dapat mentransfer PDF di sisi klien .

Ada beberapa paket PDF lain yang tersedia seperti:

Namun, selama posting ini, kami cenderung untuk fokus hanya pada plugin generator jsPDF untuk mengekspor PDF dalam Angular dua belas.

jsPDF mungkin merupakan modul berbasis JavaScript, ia terbiasa menghasilkan PDF di sisi klien, dan ia menawarkan berbagai macam strategi yang memungkinkan Anda untuk menyesuaikan pembacaan PDF dengan mudah.

Anda dapat melihat dokumentasi resmi di sini.

Apa itu File PDF?

Adobe mengembangkan PDF sekitar Sembilan Belas Sembilan Puluh. itu dua tujuan utama. Tujuan utamanya adalah bahwa pengguna harus siap untuk membuka dokumen pada perangkat keras atau perangkat lunak apa pun. Tujuan kedua adalah setiap kali pengguna membuka dokumen PDF yang harus terlihat serupa.

PDF mencakup teks, gambar, font yang disematkan, hyperlink, video, tombol interaktif, formulir, dan banyak lagi.

Siapkan Proyek Sudut

Gunakan perintah melalui Angular CLI untuk membuat proyek Angular baru.

ng new angular-jspdf
Instal Paket jsPDF
npm install jspdf
Penggunaan
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");

Jika Anda ingin mengubah ukuran kertas, orientasi, atau unit, Anda dapat melakukannya.

// Landscape export, 2×4 inches
const doc = new jsPDF({
  orientation: "landscape",
  unit: "in",
  format: [4, 2]
});

doc.text("Hello world!", 1, 1);
doc.save("two-by-four.pdf");