Hasilkan PDF dalam ElectronJS

Electron ialah rangka kerja yang popular untuk membina aplikasi desktop merentas platform menggunakan JavaScript, HTML dan CSS.

Dalam artikel ini, kami akan meneroka cara menjana fail PDF dalam Electron menggunakan perpustakaan jsPDF. Kami akan membincangkan asas penjanaan PDF, cara memasang dan menggunakan perpustakaan jsPDF dan cara menyesuaikan penampilan dan kandungan PDF.

PDF bermaksud Format Dokumen Mudah Alih. PDF ialah format fail yang digunakan untuk mewakili dokumen yang bebas daripada sistem pengendalian aplikasi, perisian dan perkakasan yang digunakan untuk mencipta dokumen. Fail PDF boleh dibuka dan dilihat pada mana-mana peranti dengan pembaca PDF dan sering digunakan untuk berkongsi dokumen dan data.

PDF dibangunkan oleh Adobe Systems.

Fail PDF boleh mengandungi pelbagai kandungan, termasuk teks, imej, jadual dan data lain, dan boleh disesuaikan menggunakan ciri seperti reka letak halaman, jidar, pengepala dan pengaki.

Jana fail PDF dalam Electron

Pustaka jsPDF, rangka kerja yang popular dan mudah digunakan untuk mencipta fail PDF dalam JavaScript, akan digunakan untuk mencipta fail PDF dalam Electron.

Jalankan arahan berikut dalam tetingkap terminal untuk memasang perpustakaan jsPDF -

npm install jspdf

Kami boleh memanfaatkan perpustakaan ini untuk menjana fail PDF dengan memerlukannya dalam aplikasi Electron kami selepas pemasangan dan mencipta fail PDF baharu menggunakan fungsi "jsPDF" Object() { [kod asli] }.

Berikut ialah contoh cara membuat fail PDF ringkas yang mengandungi hanya satu halaman teks -

const { jsPDF } = require("jspdf");
const doc_file = new jsPDF();
doc_file.text('Welcome Home!', 15, 15);
doc_file.save('demo_document.pdf');

Dengan menjalankan kod ini, dokumen PDF baharu akan dibuat, perkataan "Hello, World!" akan ditambahkan pada dokumen dan dokumen itu akan disimpan dalam direktori semasa sebagai fail bernama "document.pdf".

Sesuaikan penampilan dan kandungan PDF

Pakej

jsPDF menyediakan banyak pilihan untuk menukar rupa PDF. Sebagai contoh, kami boleh menyesuaikan saiz halaman PDF, jidar, fon dan menambah foto dan jadual.

Saiz halaman

Untuk menetapkan saiz halaman, kami boleh menggunakan kaedah "setProperties", yang membolehkan kami menentukan saiz halaman dan orientasi PDF -

const jsPDF = require('jspdf');
const doc_file = new jsPDF();
doc_file.setProperties({
   title: 'New Doc File',
   subject: 'Creating text document',
   author: 'Prerna Tiwari',
   keywords: 'text, document, PDF',
   creator: 'New Text'
});
doc_file.text('Welcome Home!', 10, 10);
doc_file.save('demo_document.pdf');

Margin

Untuk menetapkan jidar PDF, kami boleh menggunakan kaedah "setMargins", yang membolehkan kami menentukan jidar atas, bawah, kiri dan kanan PDF dalam mata (1/72 inci) -

const jsPDF = require('jspdf');
const doc_file = new jsPDF();
doc_file.setMargins(5, 5, 5, 5);
doc_file.text('Welcome Home!', 5, 5);
doc_file.save('demo_document.pdf');

Font

Untuk menetapkan fon PDF, kami boleh menggunakan kaedah "setFont" yang membolehkan kami menentukan keluarga fon, saiz dan gaya -

const jsPDF = require('jspdf');
const doc_file = new jsPDF();
doc_file.setFont('Times New Roman', 'Italics');
doc_file.text('Welcome Home!', 10, 10);
doc_file.save('demo_document.pdf');

Tambah imej

Untuk menambah imej pada PDF, kami boleh menggunakan kaedah "addImage" yang membolehkan kami menentukan fail imej, lokasi dan saiz -

const jsPDF = require('jspdf');
const doc_file = new jsPDF();
doc_file.addImage(imageData, 'PNG', 15, 15, 150, 160);
doc_file.save('demo_document.pdf');

Kod ini akan menambah imej JPEG pada fail PDF di lokasi dan saiz yang ditentukan.

Tambah borang

Untuk menambah jadual ke PDF, kami boleh menggunakan kaedah "autoTable" yang membolehkan kami menentukan data jadual, lajur dan pilihan susun atur -

const jsPDF = require('jspdf');
const doc_file = new jsPDF();
const tableData = [
   ['Name', 'Age', 'City'],
   ['John', '30', 'New York'],
   ['Jane', '25', 'Chicago'],
   ['Bob', '35', 'Los Angeles'] 
];
doc_file.autoTable({
   head: [['Name', 'Age', 'City']],
   body: tableData
});
doc+_file.save('demo_document.pdf');

Kod ini akan menambah jadual dengan tajuk dan data yang ditentukan pada PDF.

Kesimpulan

Dalam tutorial ini, kami melihat cara membuat fail PDF dalam Electron menggunakan pakej jsPDF. Asas penciptaan PDF, pemasangan dan penggunaan perpustakaan jsPDF, dan cara mengubah suai rupa PDF semuanya ditangani.

Dengan menggunakan modul jsPDF, anda boleh membuat fail PDF dalam Electron dengan mudah dan mengubah suai penampilan serta kandungannya agar sesuai dengan keperluan aplikasi anda. Untuk berkongsi dokumen dan data, fail PDF ialah pilihan yang praktikal dan disokong dengan baik yang boleh digunakan dalam pelbagai aplikasi.

Atas ialah kandungan terperinci Hasilkan PDF dalam ElectronJS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!