jspdf插件实现jsp页面导出为pdf文件

2024-03-29 16:38

本文主要是介绍jspdf插件实现jsp页面导出为pdf文件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

最近在公司里实习作项目,项目中有一个优化需求,就是将指定的jsp页面导出为pdf文件输出。因为之前从未了解过相关方面只知识,所以在查了一番资料后,发现大家写的都很散,不是很清楚,甚至有的代码执行不出来,不能输出。总之,遇见了各种各样的问题。

在查资料的过程中,我看到了两种较为常用的方法,就是itext和jspdf。但是博主对itext没有怎么研究,主要是因为似乎比较复杂,没怎么看。相对来说,jspdf插件使用起来比较简单。所以接下来,就只介绍一下关于jspdf的相关内容。

【前提】

<!-- 需引入 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>

【一】输出含文字的pdf

参数分析:

new jspdf表示新创建一个相关文件

.text表示向pdf文件中写入文本

.text(20, 20)两个20分别表示左边距和上边距

.addPage表示向此pdf文件中新增加一页

output()表示输出,其中括号中的是输出文件名

var doc = new jsPDF();
doc.text(20, 20, 'Hello world!');
doc.addPage();
doc.text(20, 20, 'Do you like that?');
doc.output('datauri');

效果展示:

参数分析:

prompt()表示输出为小窗口形式的提示语,如图:

.setFontSize()表示设置文本字体大小

.setTextColor()表示文本字体颜色设置

  1. doc.setTextColor(100);//灰色
  2. doc.setTextColor(150);//浅灰色
  3. doc.setTextColor(255,0,0);//红色
  4. doc.setTextColor(0,255,0);//绿色
  5. doc.setTextColor(0,0,255);//蓝色
var name = prompt('What is your name?');
var multiplier = prompt('Enter a number:');
multiplier = parseInt(multiplier);var doc = new jsPDF();
doc.setFontSize(22);	
doc.text(20, 20, 'Questions');
doc.setFontSize(16);
doc.text(20, 30, 'This belongs to: ' + name);for(var i = 1; i <= 12; i ++) {doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ___');
}doc.addPage();
doc.setFontSize(22);
doc.text(20, 20, 'Answers');
doc.setFontSize(16);for(var i = 1; i <= 12; i ++) {doc.text(20, 30 + (i * 10), i + ' x ' + multiplier + ' = ' + (i * multiplier));
}	
doc.output('datauri');

效果输出:

【二】输出含不同模块的pdf

参数分析:

jsPDF('l', 'mm', [360,495]);第一个参数表示横竖输出形式(l表示横向输出,p表示纵向输出)

                                              第二个参数表示单位毫米

                                               第三个参数表示输出pdf的长宽度

.css("background", "#fff")表示设置背景色样式,如果不设置的话,输出便为黑色。

pdf.addHTML()方法其实就是把指定的DOM元素转为一个canvas图片,然后把这个图片输出到一个PDF文档中。也正是这种方法,导致了它对分页支持得很差。

options = { pagesplit: true }表示自动分页,然而效果简直惨不忍睹

var filename = 'hello.pdf'; 
var pdf = new jsPDF('l', 'mm', [360,495]);
$('#firstcontent').css("background", "#fff")//firstcontent是我的第一个id
$('#lastcontent').css("background", "#fff")//lastcontent是我的第一个id
pdf.addHTML($('#firstcontent'),function(){
pdf.addPage();
});pdf.addHTML($('#lastcontent'),function(){
pdf.output("save", filename);
}); 

【参考文章】

jspdf相关操作可以参考:

https://www.jianshu.com/p/e50e85793bca

http://www.hangge.com/blog/cache/detail_2210.html

http://mrrio.github.io/

http://www.itkeyword.com/doc/2615935777389253053/jspdf-addhtml-multiple-canvas-page

相关itext的参考文章:http://www.anyrt.com/blog/list/itextpdf.html

这篇关于jspdf插件实现jsp页面导出为pdf文件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/859105

相关文章

Python实现终端清屏的几种方式详解

《Python实现终端清屏的几种方式详解》在使用Python进行终端交互式编程时,我们经常需要清空当前终端屏幕的内容,本文为大家整理了几种常见的实现方法,有需要的小伙伴可以参考下... 目录方法一:使用 `os` 模块调用系统命令方法二:使用 `subprocess` 模块执行命令方法三:打印多个换行符模拟

SpringBoot+EasyPOI轻松实现Excel和Word导出PDF

《SpringBoot+EasyPOI轻松实现Excel和Word导出PDF》在企业级开发中,将Excel和Word文档导出为PDF是常见需求,本文将结合​​EasyPOI和​​Aspose系列工具实... 目录一、环境准备与依赖配置1.1 方案选型1.2 依赖配置(商业库方案)二、Excel 导出 PDF

Python实现MQTT通信的示例代码

《Python实现MQTT通信的示例代码》本文主要介绍了Python实现MQTT通信的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录1. 安装paho-mqtt库‌2. 搭建MQTT代理服务器(Broker)‌‌3. pytho

Spring Boot Maven 插件如何构建可执行 JAR 的核心配置

《SpringBootMaven插件如何构建可执行JAR的核心配置》SpringBoot核心Maven插件,用于生成可执行JAR/WAR,内置服务器简化部署,支持热部署、多环境配置及依赖管理... 目录前言一、插件的核心功能与目标1.1 插件的定位1.2 插件的 Goals(目标)1.3 插件定位1.4 核

使用zip4j实现Java中的ZIP文件加密压缩的操作方法

《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4

python生成随机唯一id的几种实现方法

《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1:使用 UUID 模块(推荐)方法 2:使用 Secrets 模块(安全敏感场景)方法

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Spring StateMachine实现状态机使用示例详解

《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

IntelliJ IDEA2025创建SpringBoot项目的实现步骤

《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.