html2pdf 是一个可以将 HTML 内容转换为 PDF 文件的库。它通常用于前端或服务器端,将网页或 HTML 字符串转换为可打印或可分享的 PDF 格式。这对于需要将网页内容保存为 PDF 或者生成报表等场景非常有用。
用法示例
function downloadQrCode() {
isPrint.value = true;
const opt = {
margin: 0,
filename: qrName.value + '.pdf',
image: { type: 'jpeg', quality: 0.98 },
loadingnvas: {
scale: 5,
},
jsPDF: {
unit: 'in', // 单位设置为英寸
format: 'a1', // 纸张大小设置为 A1
orientation: 'landscape' // 页面方向设置为横向
},
};
new html2pdf()
.set(opt)
.from(qrHTMLRef.value)
.save()
.finally(() => {
isPrint.value = false;
});
}
- 使用
html2pdf
插件创建一个新的实例。 - 使用
.set(opt)
方法设置 PDF 的选项。 - 使用
.from(qrHTMLRef.value)
方法指定要转换为 PDF 的 HTML 内容。这里假设qrHTMLRef.value
是一个 HTML 字符串或元素的引用。 - 使用
.save()
方法保存并下载 PDF 文件。 - 使用finally方法设定最后执行的逻辑