jsp页面直接生成pdf 所用js:html2canvas.js,jspdf.debug.js

1.需要准备3个js

(1)html2canvas.js

(2)jspdf.debug.js

2.js部分代码段

function printpagePdf(){var printButton = document.getElementById("printpagebutton");printButton.style.visibility = 'hidden';var printPdf   = document.getElementById("printPdf");printPdf.style.visibility = 'hidden';html2canvas(document.getElementById("pdf_table"), {onrendered:function(canvas) {var contentWidth = canvas.width;var contentHeight = canvas.height;var pageHeight = contentWidth / 592.28 * 841.89;var leftHeight = contentHeight;var position = 0;var imgWidth = 595.28;var imgHeight = 592.28/contentWidth * contentHeight;var pageData = canvas.toDataURL('image/jpeg', 1.0);var 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('send.pdf');}});
}

3.jsp页面代码

jsp页面直接生成pdf 所用js:html2canvas.js,jspdf.debug.js相关推荐

html页面导出pdf截断问题,html2canvas 与 jspdf 相结合生成 pdf 内容被截断的终极解决方案...
欢迎关注我的公众号 <人生代码> 我有一个大胆的想法,我要一直写到死,那一天我不写了,可能就死了.哈哈. 哈喽,大家好,我是你们的攻城狮,人贱人爱的 Ken,一个永远充满激情的人. 最近接 ...
jspdf插件实现jsp页面导出为pdf文件
最近在公司里实习作项目,项目中有一个优化需求,就是将指定的jsp页面导出为pdf文件输出.因为之前从未了解过相关方面只知识,所以在查了一番资料后,发现大家写的都很散,不是很清楚,甚至有的代码执行不出来 ...
【在web项目jsp页面自动生成二维码功能】
在web项目jsp页面自动生成二维码功能原文: http://www.cnblogs.com/gczmn/. https://www.jq22.com/jquery-info294/. 先将下面的文 ...
Web在jsp页面中生成柱状图，折线图，饼状图
一.前言在实际开发过程中,柱状图,折线图,饼状图在一些OA,ERP中是非常常见的功能,特别是需求方是业务型,数据分析型公司,下面的例子简单实现了饼状图,柱状图,折线图在jsp中生成.(ps:新手上路 ...
jsp页面在线显示pdf文件
实现功能知识库系统中存在一个附件就是一个知识,当全文搜索到这个附件知识的时候需要能在线查看这个知识也就是附件里的文章内容.(如果不是pdf格式的文档,我们这边是先将不同格式的附件转成PDF格式) 实 ...
最基本的JSP页面的生成方法-Eclipse
文章目录前言一.JSP是什么? 二.创建步骤 1.创建动态Web项目 2.创建Jsp文件 3.启动服务器并部署项目总结前言晚生初识Javaee,拙作记录eclipse生成最基本jsp页面的方 ...
【Vue 项目】html2canvas + jspdf 实现将页面内容生成 PDF 及相关问题解决方案（页面被分页分割问题、html2canvas生成图片只有一半）
由于在自己的工作和学习过程中,只查看某个大佬的教程或文章无法满足自己的学习需求和解决遇到的问题,所以自己在追赶大佬们步伐的基础上,又自己总结.整理.汇总了一些资料,方便自己理解和后续回顾,同时也希望给 ...
使用JavaScript将当前页面保存成PDF，支持图片和文字的保存
前端开发的朋友们可能会遇到这个需求:将您负责开发的网页的全部内容,包括文字和图片,一起保存成一个PDF文件.如果采用屏幕截图的话,默认Windows操作系统的截图按钮无法完整截取超过一屏幕的屏幕内容. ...
将jsp页面转pdf
网上好多思路啊,大部分都是将html转pdf,这种方法我试了很多,都不能很好地支持jsp,稍微复杂一点根本不起作用,也不知他们的博客都怎么写的,还真是应了那句话天下博客一大抄,自己都不验证的下面说下 ...

jsp页面直接生成pdf 所用js:html2canvas.js,jspdf.debug.js

jsp页面直接生成pdf 所用js:html2canvas.js,jspdf.debug.js相关推荐

最新文章

热门文章