精华内容
下载资源
问答
  • js生成pdf
    2021-04-09 15:26:44

    通过html2canvas+jsPDF生成PDF文档(多页)

    1、安装 html2canvas 库和 jsPDF

    npm install html2canvas --save
    npm install jspdf --save
    

    2、导入页面

    import html2canvas from 'html2canvas';
    import { jsPDF } from "jspdf"
    

    3、使用

    html2canvas(document.getElementById("report")).then(canvas => {  // 获取需要截图的区域
         let contentWidth = canvas.width;
         let contentHeight = canvas.height;
         let pageHeight = contentWidth / 592.28 * 841.89;
         let leftHeight = contentHeight;
         let position = 0;
         let imgWidth = 595.28;
         let imgHeight = 592.28 / contentWidth * contentHeight;
         let pageData = canvas.toDataURL('image/jpeg', 1.0);
         let pdf = new jsPDF('', 'pt', 'a4')
         if (leftHeight < pageHeight) {
             pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
         } else {
            while (leftHeight > 0) {
                 pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
                 leftHeight -= pageHeight;
                 position -= 841.89;
                 // 避免添加空白页
                 if (leftHeight > 0) {
                     pdf.addPage();
                 }
             }
         }
         pdf.save('报表_' + new Date().getTime() + '.pdf');
     })
    
    更多相关内容
  • JavaScript生成PDF

    千次阅读 2020-11-21 10:33:56
    废话不多说直接上代码 <!DOCTYPE html> <html lang="en"> <...meta name="viewport" content="width=device-width, initial-scale=1.0">...Make PDF</title> <style> .main

    废话不多说直接上代码

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Make PDF</title>
        <style>
            .main {
                width: 960px;
                height: 480px;
                margin: 0px auto;
                margin-top: 20px;
                padding: 10px;
                display: flex;
            }
    
            .body {
                width: 95%;
                height: 480px;
                padding-top: 40px;
            }
    
            .title {
                width: 100%;
                height: 40px;
                display: flex;
            }
    
            .title .div1 {
                width: 60%;
                text-align: right;
            }
    
            .title .div1 .divCtn {
                width: 230px;
                height: 40px;
                float: right;
            }
    
            .title .div1 .divCtn .titleCtn {
                width: 230px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                font-size: 25px;
                font-weight: bold;
            }
    
            .title .div1 .divCtn .titleUdeLine {
                width: 230px;
                height: 6px;
                border-bottom: solid 2px #9C5223;
                border-top: solid 2px #9C5223;
            }
    
            .title .div2 {
                width: 40%;
                text-align: right;
                height: 40px;
                line-height: 30px;
                font-size: 20px;
                font-weight: bold;
            }
    
            .date {
                width: 100%;
                height: 40px;
                display: flex;
            }
    
            .date .deDiv1 {
                width: 60%;
                height: 40px;
                line-height: 40px;
                text-align: right;
                font-size: 18px;
            }
    
            .date .deDiv2 {
                width: 40%;
                height: 40px;
                line-height: 40px;
                text-align: right;
                font-size: 18px;
            }
    
            .tempTr1 td {
                text-align: center;
            }
    
            table tr td {
                padding: 5px;
            }
    
            .tempTr2 td {
                height: 40px;
                text-align: center;
            }
    
            .end {
                width: 5%;
                height: 480px;
            }
    
            .buttonBox {
                width: 960px;
                height: 480px;
                margin: 0px auto;
            }
    
            .buttonBox button {
                padding: 5px;
                background-color: #888888;
                color: #FFFFFF;
                border: none;
                border-radius: 5px;
                cursor: pointer;
            }
        </style>
    </head>
    
    <body>
        <!-- 需要打印的pdf页面放在这里 -->
        <div class="main">
            <div class="body">
                <div class="title">
                    <div class="div1">
                        <div class="divCtn">
                            <div class="titleCtn">收&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;据</div>
                            <div class="titleUdeLine"></div>
                        </div>
                    </div>
                    <div class="div2">NO:<span style="color: #9C5223;">1313215</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                </div>
                <div class="date">
                    <div class="deDiv1">
                        2019年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;07月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;03日
                    </div>
                    <div class="deDiv2">第&nbsp;&nbsp;&nbsp;&nbsp;201&nbsp;&nbsp;&nbsp;&nbsp;号</div>
                </div>
                <table border="1" style="width: 100%; border-collapse: collapse;">
                    <tr class="tempTr2">
                        <td colspan="6" style="border-right-color: #FFFFFF; width: 50%; text-align: left;">
                            &nbsp;&nbsp;兹&nbsp;&nbsp;收&nbsp;&nbsp;到&nbsp;&nbsp; 李松山</td>
                        <td colspan="6" style="width: 50%;">
                            交&nbsp;&nbsp;来&nbsp;&nbsp;下&nbsp;&nbsp;列&nbsp;&nbsp;款&nbsp;&nbsp;项&nbsp;&nbsp;此&nbsp;&nbsp;据
                        </td>
                    </tr>
                    <tr>
                        <td align="center" rowspan="2" style="width: 60%;">
                            摘&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;要</td>
                        <td colspan="10" align="center" style="width: 10%;">金&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;额</td>
                        <td rowspan="2" align="center" style="width: 30%;">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</td>
                    </tr>
                    <tr class="tempTr1">
                        <td>¥</td>
                        <td>百</td>
                        <td>十</td>
                        <td>万</td>
                        <td>千</td>
                        <td>百</td>
                        <td>十</td>
                        <td>元</td>
                        <td>角</td>
                        <td>分</td>
                    </tr>
                    <tr class="tempTr2">
                        <td>天河小区5栋23楼3单元2019年1-6月份水电费</td>
                        <td>¥</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td>6</td>
                        <td>5</td>
                        <td>3</td>
                        <td>2</td>
                        <td>8</td>
                        <td>3</td>
                        <td>支付方式:现金</td>
                    </tr>
                    <tr class="tempTr2">
                        <td></td>
                        <td>¥</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="tempTr2">
                        <td></td>
                        <td>¥</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="tempTr2">
                        <td colspan="12" style=" text-align: left;">
                            合计人民币(大写)陆仟伍佰叁拾贰元捌角叁分
                            <div style="float: right; display: flex;">
                                <div style="font-size: 20px;">¥:</div>
                                <div
                                    style="width: 180px; height: 30px; border-bottom: solid #000000 1px; text-align: center;">
                                    6532.83</div>
                            </div>
                        </td>
                    </tr>
                </table>
                <div style="width: 100%; display: flex; height: 40px;">
                    <div style="width: 50%; height: 40px; line-height: 40px;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;主管:鲁迅</div>
                    <div style="width: 50%; height: 40px; line-height: 40px;">经手人:周树人</div>
                </div>
            </div>
            <div class="end">
                <div style="margin-top: 160px; text-align: center; height: 230px;width: 100%;">
                    第<br />二<br />联<br />:<br />存<br />根</div>
            </div>
        </div>
        <div class="buttonBox">
            <button onclick="pdfDo()">导出PDF</button>
        </div>
    </body>
    <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
    <script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
    
    <script>
        function pdfDo() {
            var isDo = confirm("确定导出pdf页面");
            if (!isDo) { return; }
            var target = document.getElementsByClassName("main")[0];
            target.style.background = "#FFFFFF";
    
            html2canvas(target, {
                onrendered: function (canvas) {
                    var contentWidth = canvas.width;
                    var contentHeight = canvas.height;
    
                    //一页pdf显示html页面生成的canvas高度;
                    var pageHeight = contentWidth / 592.28 * 841.89;
                    //未生成pdf的html页面高度
                    var leftHeight = contentHeight;
                    //页面偏移
                    var position = 0;
                    //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
                    var imgWidth = 595.28;
                    var imgHeight = 592.28 / contentWidth * contentHeight;
    
                    var pageData = canvas.toDataURL('image/jpeg', 1.0);
    
                    var pdf = new jsPDF('', 'pt', 'a4');
    
                    //有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
                    //当内容未超过pdf一页显示的范围,无需分页
                    if (leftHeight < pageHeight) {
                        pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
                    } else {
                        while (leftHeight > 0) {
                            pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                            leftHeight -= pageHeight;
                            position -= 841.89;
                            //避免添加空白页
                            if (leftHeight > 0) {
                                pdf.addPage();
                            }
                        }
                    }
                    pdf.save("pdf_file_name.pdf");
                }
            })
        }
    </script>
    
    </html>
    

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 前端-js生成pdf文件

    千次阅读 2022-04-20 11:03:15
    前端实现运用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) {
                let leftHeight = canvas.height;
                let position = 0
                let a4Width = 595.28
                let a4Height = 841.89
                let a4HeightRef = Math.floor(canvas.width / a4Width * a4Height);
                let pageData = canvas.toDataURL('image/jpeg', 1.0)
                let pdf = new jsPDF('x', 'pt', 'a4')
                let index = 0,
                    canvas1 = document.createElement('canvas'),
                    height;
                pdf.setDisplayMode('fullwidth', 'continuous', 'FullScreen')
    
                function createImpl(canvas) {
                    if (leftHeight > 0) {
                        index++;
                        let checkCount = 0;
                        if (leftHeight > a4HeightRef) {
                            let i = position + a4HeightRef;
                            for (i = position + a4HeightRef; i >= position; i--) {
                                let isWrite = true
                                for (let j = 0; j < canvas.width; j++) {
                                    let c = canvas.getContext('2d').getImageData(j, i, 1, 1).data
                                    if (c[0] != 0xff || c[1] != 0xff || c[2] != 0xff) {
                                        isWrite = false
                                        break
                                    }
                                }
                                if (isWrite) {
                                    checkCount++
                                    if (checkCount >= 10) {
                                        break
                                    }
                                } else {
                                    checkCount = 0
                                }
                            }
                            height = Math.round(i - position) || Math.min(leftHeight, a4HeightRef);
                            if (height <= 0) {
                                height = a4HeightRef;
                            }
                        } else {
                            height = leftHeight;
                        }
                        canvas1.width = canvas.width;
                        canvas1.height = height;
                        let ctx = canvas1.getContext('2d');
                        ctx.drawImage(canvas, 0, position, canvas.width, height, 0, 0, canvas.width, height);
                        let pageHeight = Math.round(a4Width / canvas.width * height);
                        //pdf.setPageSize(null, pageHeight)
                        if (index != 1) {
                            pdf.addPage();
                        }
                        pdf.addImage(canvas1.toDataURL('image/jpeg', 1.0), 'JPEG', 20, 20, a4Width - 40, (a4Width / canvas1.width * height) - 40)
                        leftHeight -= height;
                        position += height
                        $('.pdfProgress').text(index + 1);
                        $('.pdfTotal').text(index + Math.ceil(leftHeight / a4HeightRef))
                        if (leftHeight > 0) {
                            setTimeout(createImpl, 50, canvas);
                        } else {
                            pdf.save(title + '.pdf')
                            $('.pdfTip').hide();
                        }
                    }
                }
    
                //当内容未超过pdf一页显示的范围,无需分页
                if (leftHeight < a4HeightRef) {
                    pdf.addImage(pageData, 'JPEG', 20, 0, a4Width, a4Width / canvas.width * leftHeight);
                    pdf.save(title + '.pdf')
                } else {
                    //pdf.deletePage(0);
                    $('.pdfTip').show();
                    $('.pdfTotal').text(index + Math.ceil(leftHeight / a4HeightRef));
                    setTimeout(createImpl, 50, canvas);
                }
            }, //背景设为白色(默认为黑色)
            background: "#fff"
        })
    }

    展开全文
  • js生成pdf所需文件.zip

    2021-04-21 19:50:51
    js生成pdf所需文件
  • ...复制代码 vue的首个class内容的pdf生成,这个主要写在main里面定义,这样在页面上就可以使用this.getPdf(文件名,"className")进行调用;文件名为不带 .pdf 的字符串,className为...要生成的pdf文件名为:生成pdf...

    安装jspdf和html2canvas依赖,其中jspdf是文件保存操作,html2canvas是为了将内容转换为canvas图片

    npm install jspdf  html2canvas --save
    复制代码

    vue的首个class内容的pdf生成,这个主要写在main里面定义,这样在页面上就可以使用this.getPdf(文件名,"className")进行调用;文件名为不带   .pdf 的字符串,className为带标识的className,如 

    ;要生成的pdf文件名为:生成pdf.pdf,则调用为this.getPdf("生成pdf",".test")

    import Vue from "vue";
    import html2Canvas from "html2canvas";
    import JsPDF from "jspdf";
    Vue.prototype.getPdf = function(title, domClass) {  
      let element = document.querySelector(domClass); // 这个dom元素是要导出pdf的div容器  
      html2Canvas(element).then(function(canvas) {
        let contentWidth = canvas.width;
        let contentHeight = canvas.height;
        let per = (contentWidth / 573.28)*0.75;//这个主要是为了防止宽度不够的
        //一页pdf显示html页面生成的canvas高度;
        let pageHeight = (contentWidth / 573.28) * 841.89;
        //未生成pdf的html页面高度
        let leftHeight = contentHeight;
        //页面偏移
        let position = 0;
        //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
        let imgWidth = 573.28;
        let imgHeight = (573.28 / contentWidth) * contentHeight;
        let pageData = canvas.toDataURL("image/jpeg", 1.0);
        // console.log(pageData,"pageData");
        //        let pdf = new JsPDF('', 'pt', 'a4');
        let pdf = new JsPDF("", "pt", [595.28,841.89]); //不分页    // pdf.addImage(pageData, "JPEG", 0, 0, contentWidth, contentHeight);    // 有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
        // 当内容未超过pdf一页显示的范围,无需分页
        if (leftHeight < pageHeight) {
          pdf.addImage(pageData, 'JPEG', 11, 70, imgWidth, imgHeight);
        } else {
          while (leftHeight > 0) {
            pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
            leftHeight -= pageHeight;
            position -= 841.89;
            //避免添加空白页
            if (leftHeight > 0) {
              pdf.addPage();
            }
          }
        }
        // console.log(pdf,"pdf",title);
        pdf.save(title + ".pdf");
      });
    };
    复制代码

    在js项目中调用

    import Vue from "vue";
    import html2Canvas from "html2canvas";
    import JsPDF from "jspdf";
    function getPdf (title, domClass) {  let element = document.querySelector(domClass); // 这个dom元素是要导出pdf的div容器  
    html2Canvas(element).then(function(canvas) {
        let contentWidth = canvas.width;
        let contentHeight = canvas.height;
        //一页pdf显示html页面生成的canvas高度;
        let pageHeight = (contentWidth / 573.28) * 841.89;
        //未生成pdf的html页面高度
        let leftHeight = contentHeight;
        //页面偏移
        let position = 0;
        //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
        let imgWidth = 555.28;
        let imgHeight = (592.28 / contentWidth) * contentHeight;
        let pageData = canvas.toDataURL("image/jpeg", 1.0);
        // console.log(pageData,"pageData");
        //        let pdf = new JsPDF('', 'pt', 'a4');
        let pdf = new JsPDF("", "pt", [contentWidth, contentHeight]); //不分页
        // pdf.addImage(pageData, "JPEG", 0, 0, contentWidth, contentHeight);    // 有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
        // 当内容未超过pdf一页显示的范围,无需分页
        if (leftHeight < pageHeight) {
          pdf.addImage(pageData, 'JPEG', 11, 70, imgWidth, imgHeight);
        } else {
          while (leftHeight > 0) {
            pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
            leftHeight -= pageHeight;
            position -= 841.89;
            //避免添加空白页
            if (leftHeight > 0) {
              pdf.addPage();
            }
          }
        }
        // console.log(pdf,"pdf",title);
        pdf.save(title + ".pdf");
      });
    };
    复制代码

    一个class有多个标签的情况,最后实现拼接pdf,对于页面适配参考上面的,

    import Vue from "vue";
    import html2Canvas from "html2canvas";
    import JsPDF from "jspdf";
    Vue.prototype.getPdf = function(title, domClass) {
      // let contantHeight,contantWidth;
      // let contantWidth = 0
      let posLeft = 11,posTop = 20;
      let pdf = new JsPDF("", "pt", [595.28, 841.89]);
      // console.log(posLeft,posTop,imageData);
      let element = document.querySelectorAll(domClass);
     // 这个dom元素是要导出pdf的div容器  for (let item of element){
        console.log(item.offsetHeight)
        html2Canvas(item).then(function(canvas) {
          let contentWidth = canvas.width;
          let contentHeight = canvas.height;
          //一页pdf显示html页面生成的canvas高度;
          // let pageHeight = (contentWidth / 592.28) * 841.89;
          //未生成pdf的html页面高度
          // let leftHeight = contentHeight;
          //页面偏移
          // let position = 0;
          //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
          let imgWidth = 573.28;
          let imgHeight = (573.28 / contentWidth) * contentHeight;
            let pageData = canvas.toDataURL("image/jpeg", 1.0);
          // console.log(imageData,"imageData");
          //        let pdf = new JsPDF('', 'pt', 'a4');
          // let pdf = new JsPDF("", "pt", [contentWidth, contentHeight]); //不分页
          pdf.addImage(pageData, "JPEG", posLeft, posTop, imgWidth, imgHeight);
          posTop = posTop + imgHeight + 10;
            // // 有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
          // // 当内容未超过pdf一页显示的范围,无需分页
          // if (leftHeight < pageHeight) {
          //   pdf.addImage(pageData, 'JPEG', 11, 0, imgWidth*per, imgHeight*per);
          // } else {
          //   while (leftHeight > 0) { 
         //     pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
          //     leftHeight -= pageHeight;
          //     position -= 841.89;
          //     //避免添加空白页
          //     if (leftHeight > 0) {
          //       pdf.addPage();
          //     }
          //   }
          // }
          // console.log(pdf,"pdf",title);
          // pdf.save(title + ".pdf");
        });
      }
      // let pdf = new JsPDF('', 'pt', 'a4');
      setTimeout(()=>{
        console.log(pdf)
        pdf.save(title + ".pdf");
      },1000)
    };
    复制代码

     

    参考文档:https://www.cnblogs.com/linxing/p/13864117.html

    展开全文
  • Javascript生成PDF表 这个jsPDF插件增加了通过解析HTML表或直接使用Javascript数据生成PDF表的功能。 查看或。 安装 通过执行以下操作之一来获取jsPDF和此插件: npm install jspdf jspdf-autotable 从github...
  • 可以使用javascript生成PDF的类库–jsPDF,先下载jsPDF-0.9.0rc2下载地址:;请点这里 ,以下是完整实例代码: <!doctype> <html> <head> <title>jsPDF</title> <meta ...
  • js生成pdf、Excel

    2018-04-24 19:18:17
    js生成pdf、Excel,实现导出pdf无乱码文件,欢迎大家下载
  • 证书生成者 使用JavaScript生成PDF证书 该应用程序使用两个库PDF-lib.js和FileSaver.js 证书样本
  • angular-pdf-缩略图用于从 input[type="file"] 生成 PDF 缩略图的 Angular 指令,使用 PDF.js指令属性file: 一个 File 对象(从 input[type="file"] 中获得) 缩略图:生成缩略图后将包含缩略图数据的字符串(以防您...
  • js生成pdf文件并下载

    2022-05-13 17:27:22
    //有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89) //当内容未超过pdf一页显示的范围,无需分页 if (leftHeight ) { pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);...
  • 使用jsPDF和ReactJS用Javascript生成PDF 要安装node_modules: yarn ; 运行: yarn start ; 重要代码: src/App.js ; 帮助:
  • let path = './public/file/hn.pdf'//生成文件的地方 await page.pdf({path, format: 'a4'}); await browser.close(); res.send({ url: '/file/hn.pdf' }) }) module.exports = router; ...
  • 定制pdf PDF生成器定制插件下载下载或,或使用。用法bespoke-pdf同时是一个定制插件和一个gulp任务-定制插件为gulp任务提供了钩子。 这两个部分都是必要的。 此定制插件以,这意味着它可以作为CommonJS / AMD模块或...
  • vfs_fonts.js和pdfmake.min.js 生成pdf文件
  • jsPDF(用 JS 生成 PDF).zip

    2019-07-13 20:27:57
     jsPDF 是一个使用Javascript语言生成PDF的开源库。你可以在Firefox插件,服务端脚本或是浏览器脚本中使用它。  客户端Safari 和 iPhone Safari 支持得最好,其次是Opera和Windows下的Firefox 3等。IE暂不支持。
  • Nodejs的简化 HTML CSS - >PDF 生成
  • JS生成PDF文件

    2019-10-27 19:17:43
    在做项目时,需要将后端返回来的数据经过前端网页生成pdf文件,供用户下载,这里便提供此功能的方法及demo,可以作为参考: 代码: var pdf = new jsPDF('p','pt','a4')...
  • WASM-PDF使用 JavaScript 和 WASM (WebAssembly) 在浏览器中直接生成 PDF 文件。这里的想法是将创建 PDF 所涉及的所有工作都推送到浏览器端,而不是使用宝贵的服务器资源。演示从 JSON 文件生成示例 PDF 文档的示例...
  • js 导出中文pdf文件

    2018-04-25 14:55:17
    js 导出中文pdf文件 demo,包含导出中文的案例,vfs_fonts.js和pdfmake.min.js 生成pdf文件
  • PDF417二维码生成开源

    2018-07-09 17:03:05
    PDF417.pdf417.PDF417Writer writer = new PDF417.pdf417.PDF417Writer(); PDF417.common.BitMatrix matrix = writer.encode("newtest1111", PDF417.BarcodeFormat.PDF_417, 300, 200); System.Drawing.Image img = ...
  • pdf417生成器可以生成二维条码,制作二维条码工具,简便实用
  • jQuery插件/包装器,可使用wkhtmltopdf从HTML生成PDF文件。 完全不需要服务器后端设置! jsHTML2PDF与我的公共服务器进行通信(通过AJAX-COORS),因此只需在您的项目中引用jsHTML2PDF.JQuery.js并按照下面的链接...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 48,646
精华内容 19,458
关键字:

js生成pdf