如何在 JavaScript 中生成 PDF
在JavaScript中生成PDF文件,可以使用jsPDF
库。以下是一个简单的例子,展示如何使用jsPDF
库在客户端生成PDF文件:
首先,确保在项目中包含了jsPDF
库。可以通过npm安装:
npm install jspdf
然后,在JavaScript代码中使用jsPDF
来创建PDF:
// 引入 jsPDF 库
import jsPDF from 'jspdf';
// 创建一个新的 jsPDF 实例
const pdf = new jsPDF();
// 添加文本到 PDF 中
pdf.text('Hello world!', 10, 10);
// 添加图片到 PDF 中
const imageData = 'data:image/png;base64,...'; // 替换为实际的图片base64编码
pdf.addImage(imageData, 'PNG', 15, 15, 180, 180);
// 保存 PDF 文件
pdf.save('example.pdf');
这段代码创建了一个包含文本和图片的PDF文件,并将其保存到用户的设备上。记得替换图片数据为实际的base64编码字符串。如果需要从网页元素中生成PDF,可以使用html2canvas
库先将HTML转换为画布(canvas),然后再将画布内容添加到jsPDF
实例中。
评论已关闭