将HTML结构转化成PDF格式并下载成PDF文件

文章介绍了如何在JavaScript中利用html2pdf.js库将HTML元素转换为PDF文件,提供了配置选项并提到这是为个人使用而做的,非商业用途。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//安装 html2pdf 依赖 

import html2pdf from 'html2pdf.js'



generatePDF() {
            var element = document.getElementById('downPdf'); // 要转成pdf的元素
            var opt = { // 配置项
                margin: 1,
                filename: '结算通知书.pdf',
                image: { type: 'jpeg', quality: 2 },
                html2canvas: { scale: 2 },
                jsPDF: { unit: 'in', format: 'a3', orientation: 'portrait' }
            };
            // New Promise-based usage:
            html2pdf().from(element).set(opt).save(); // 生成pdf文件并下载
        },

PS:此方法是搜的,肯定有雷同。目的是为了自己方便用。不做任何商业目的使用

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值