Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar HTML kepada PDF
Bagaimana untuk menukar HTML kepada PDF
- PHPzasal
- 2024-02-24 08:36:29566semak imbas
Menukar HTML kepada PDF ialah salah satu keperluan biasa dalam pembangunan web. Di bawah anda akan belajar cara melaksanakan fungsi ini menggunakan contoh kod tertentu.
Pertama sekali, apa yang perlu diperkenalkan ialah perpustakaan sumber terbuka-pdfmake yang biasa digunakan. pdfmake ialah perpustakaan JavaScript untuk menjana PDF yang boleh menentukan struktur, gaya dan kandungan PDF dengan menggunakan objek JSON. Sebelum menggunakannya, kita perlu memasangnya melalui npm:
npm install pdfmake
Selepas pemasangan selesai, kita boleh menggunakannya dalam projek. Berikut ialah contoh mudah yang menggunakan pdfmake untuk menjana fail PDF dengan kandungan HTML:
const pdfMake = require('pdfmake');
// 创建一个包含HTML内容的PDF文档
function createPdf(htmlContent) {
const docDefinition = {
content: [
{
// 使用HTML内容
html: htmlContent
}
]
};
const pdfDoc = pdfMake.createPdf(docDefinition);
return pdfDoc;
}
// 保存PDF文件到本地
function savePdf(pdfDoc, filePath) {
pdfDoc.getBuffer((buffer) => {
// 将PDF数据写入文件
fs.writeFileSync(filePath, buffer);
});
}
// 示例：将HTML转化为PDF
const htmlContent = `
<html>
<head>
<style>
body {
font-family: Arial, sans-serif;
}
h1 {
color: red;
}
p {
font-size: 14px;
}
</style>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a sample HTML content.</p>
</body>
</html>
`;
const pdfDoc = createPdf(htmlContent);
savePdf(pdfDoc, 'output.pdf');Dalam kod di atas, kami mula-mula mencipta dokumen dengan kandungan HTML. Kemudian, gunakan kaedah pdfmake.createPdf() untuk mencipta objek dokumen PDF. Akhir sekali, dapatkan data PDF melalui kaedah pdfDoc.getBuffer() dan simpannya sebagai fail.
Perlu diambil perhatian bahawa beberapa modul JavaScript (seperti fs) digunakan dalam kod sampel, dan modul ini mungkin memerlukan konfigurasi dan pemasangan tambahan untuk digunakan dalam projek anda.
Untuk meringkaskan, menggunakan perpustakaan pdfmake boleh menukar HTML kepada PDF dengan mudah. Artikel ini menyediakan kod sampel mudah untuk rujukan, dan anda boleh membuat pelarasan dan pengoptimuman selanjutnya mengikut keperluan anda. Harap ini membantu!
Atas ialah kandungan terperinci Bagaimana untuk menukar HTML kepada PDF. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!