前端-js生成pdf文件

作者：Monodyee | 2024-04-21 13:08:02

踩

js生成pdf

一、引入js插件

html2canvas.js

jspdf.debug.js

二、导出范围外层元素添加id

<div id="pdfDom"></div>

三、设置导出按钮

<a href="javascript:;" id="exportReport">导出</a>

四、JS代码相关配置


let downPdf = document.getElementById("exportReport");//点击导出事件
downPdf.onclick = function () {
    let title = '我的简历';
    let targetDom = document.querySelector('#pdfDom');
    window.pageYoffset = 0;
    document.documentElement.scrollTop = 0;
    document.body.scrollTop = 0;
    html2canvas(targetDom, {
        allowTaint: true,
        scale: 2, // 提升画面质量，但是会增加文件大小
        height: targetDom.scrollHeight, //canvas高
        width: targetDom.scrollWidth, //canvas宽,
        onrendered: function (canvas)

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/463176