js导出pdf

分手后的思念是犯贱 2021-09-18 10:56 418阅读 0赞

方法一：

function htmlToPdf(){  
        html2canvas($('#lastcontent'), {  //appmsg 为选择要导出的页面id样式
            height:3000,  
            onrendered: function(canvas) {           
                var imgData = canvas.toDataURL('img/notice/png');  
                var doc = new jsPDF('p', 'px','a4');  
                //第一列 左右边距  第二列上下边距  第三列是图片左右拉伸  第四列 图片上下拉伸  
                doc.addImage(imgData, 'PNG', 10, 0,420,0);  
                doc.addPage();  //增加新一页
                doc.addImage(imgData, 'PNG', 10, 0,420,0);  
                doc.save('test.pdf');  
            }  
        });  
    }

方法二：

function htmlToPdf() {
        if(confirm("您确认下载该PDF文件吗?")){
           var pdf = new jsPDF('p','pt','a4');
        // 设置打印比例 越大打印越小
           pdf.internal.scaleFactor = 2;
           var options = {
               pagesplit: true, //设置是否自动分页
              "background": '#FFFFFF'   //如果导出的pdf为黑色背景，需要将导出的html模块内容背景 设置成白色。
          };
           var printHtml = $('#allcontent').get(0);   // 页面某一个div里面的内容，通过id获取div内容
           pdf.addHTML(printHtml,15, 15, options,function() {
              pdf.save('目标.pdf');
          });
        }
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，418人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS案例：将前端页面导出为PDF

前言：记录一下最近的一个需求，产品需要打印表单凭证，需要实现将选中页面的元素或者是组件导出为PDF，方便打印使用到的JS库：[html2canvas][]（截取页面

梦里梦外;/ 2023年01月17日 07:42/ 0 赞/ 330 阅读

相关 java导出pdf

`` package com.pdf; import java.awt.Color; import java.io.ByteArrayOut

我会带着你远行/ 2022年09月11日 00:18/ 0 赞/ 217 阅读

相关 java导出pdf

一、前言　　前几天，做ASN条码收货模块，需要实现打印下载收货报表，经一番查找，选定iText–用于生成PDF文档的一个Java类库。废话不多说，进入正题。　　二、iT

逃离我推掉我的手/ 2022年08月22日 12:21/ 0 赞/ 239 阅读

相关 java导出pdf

原理 > 先把导出的页面,做成ftl页面,用freemarker或其它模板技术替换里面动态数据,生成html页面,在利用itext5生成pdf即可 ------------

以你之姓@/ 2022年07月30日 14:54/ 0 赞/ 226 阅读

相关 PDF报表导出

使用IText PDF 类库导出： 1.导入依赖： <dependency> <groupId>com.lowagie</grou

超、凢脫俗/ 2022年05月12日 05:10/ 0 赞/ 295 阅读

相关 Navicat导出pdf

[开发十年，就只剩下这套Java开发体系了 >>> ][Java_ _] ![hot3.png][] 1、选择打印数据库 ![174444_jsQL_182501.png

港控/mmm°/ 2022年04月22日 00:24/ 0 赞/ 300 阅读

相关 Navicat导出pdf

1、选择打印数据库 ![174444_jsQL_182501.png][] 2、保存pdf 文件-》打印为-》pdf [174444_jsQL_182501.

╰半夏微凉°/ 2022年04月17日 05:46/ 0 赞/ 382 阅读

相关导出pdf文件

知识点 IText中用文本块(Chunk)、短语(Phrase)和段落(paragraph)处理文本文本块(Chunk)是处理文本的最小单位短语(P

偏执的太偏执、/ 2021年12月11日 23:43/ 0 赞/ 548 阅读

相关 js导出pdf

方法一： function htmlToPdf(){ html2canvas($('lastcontent'), { //appmsg 为选择要

分手后的思念是犯贱/ 2021年09月18日 10:56/ 0 赞/ 419 阅读

相关 Vue导出PDF

一、下载 cnpm i -S html2canvas jspdf html2canvas:将页面转化为图片 jspdf:将图片生成PDF 二、创建html

叁歲伎倆/ 2021年07月25日 12:36/ 0 赞/ 594 阅读