老菜鸟学习：Javascript 将html转成pdf

起因：处理某个项目，需要把页面上的数据（订单、运单）等导出pdf。

第一个想法：从 Java 层去想。但是经过各种资料查询和实践，第一个想法宣告放弃；

幸好客户的要求是：导出的 pdf 尺寸要和打印的尺寸一致。

于是换了思路寻找资料，产生第二个想法，以“JSP html 导出pdf”等关键词搜索，查找到了使用 html2canvas 和 jsPDF 导出pdf的案例，经过实践，基本满足了需求。

作为开发者，我真真切切感受到html5的强大，以前一直负责服务层的开发，现在发现很多客户端的开发也挺有意思，也减轻了服务端和网络的压力。例如原先有一个生成二维码的案例，一开始是用Java在服务层生成，后来看到 jQuery barcode 就能解决问题，大大减少了页面相应时间。

下面是经过整理的相关精华资料，包含了我并未使用但有学习意义的Java服务层输出pdf的相关资料。（其实搜索资料的过程很痛苦，五花八门，换了百度又换Google，所幸及时地解决了问题）

原作者的话是：“最近碰到个需求，需要把当前页面生成pdf，并下载。弄了几天，自己整理整理，记录下来，我觉得应该会有人需要 ：）”

感谢原作者的无私开源奉献。

GitHub开源项目《Javascript 将html转成pdf,下载,支持多页哦（html2canvas 和 jsPDF）》

https://github.com/linwalker/render-html-to-pdf

最先查到的作者博客

https://segmentfault.com/a/1190000009211079

http://www.zhimengzhe.com/Javascriptjiaocheng/288576.html

《 jsPDF：将HTML元素转换为同等宽高的PDF》

http://blog.csdn.net/zhanggl94/article/details/52672051


《Spring MVC 学习笔记 PDF/Excel格式输出》

http://www.cnblogs.com/crazy-fox/archive/2012/02/18/2357705.html

《iText实现URL页面转PDF》

http://www.cnblogs.com/hutuchong/articles/5725913.html

iText实现URL页面转PDF

http://www.micmiu.com/opensource/expdoc/itext-url-pdf/

时间： 2024-08-27 05:25:48

老菜鸟学习：Javascript 将html转成pdf的相关文章

菜鸟学习javascript实例教程

菜鸟学习javascript实例教程 1.用JS显示文字的例子: <html><body> <script type="text/javascript">document.write("Hello World!")</script> </body></html> 2.用HTML标签来格式化文本的例子: <html><body> <script type="

图片批量转换成pdf

生活中,大家经常会拍摄一些照片用来留念,然而时间长了,经常会因为照片多而杂乱而懒于翻看,那么你是否考虑做一个电子相册,或制作一本PDF格式的书籍来翻看呢?菜鸟的这款 JPG转换成PDF转换器,快又好,分享给大家. 网上大部分的PDF转换软件并不能有效完成JPG转PDF,有的甚至频繁地出现转换失败.识别不准确等问题,这直接影响了我们工作和学习的进度,因而在选择JPG转PDF转换器的问题上,很多用户都不知从何下手,其实,专业可靠的JPG转换PDF转换器应该如何选择,更需要深入地对PDF转换工具进行分

学习JavaScript应该尽早知道的几个技巧

Shortcut Notations 简洁写法 One of the things I love most about JavaScript now is shortcut notations to generate objects and arrays. So, in the past when we wanted to create an object, we wrote: 在过去,如果你想创建一个对象,你需要这样: 1 var car = new Object(); 2 car.colou

傻瓜学习JavaScript闭包（译）

在<高级程序设计>中,对于闭包一直没有很好的解释,在stackoverflow上翻出了一篇很老的<JavaScript closure for dummies>(2016)~ 出处:http://stackoverflow.com/questions/111102/how-do-javascript-closures-work 闭包不是魔法 本文旨在用JavaScript代码让程序员理解闭包,函数式编程的程序员或者导师请绕行. 只要理解了闭包的核心理念,闭包并不难学.但是通过学习一

如何系统地学习JavaScript

在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证.浮动广告等,所以那时候JavaScript并没有受到重视.自从AJAX开始流行后,人们发现利用JavaScript可以给用户带来更好的体验,甚至利用这一优点开发了大型网页游戏,于是这门小语言被重视了起来.现在,很多公司会招专门的JavaScript工程师,通常JavaScript是WEB前端开发的必备技能.简单介绍了JavaScriptr的好处,并不代表大家就会去学习甚至把它学好,兴趣是很关键的,我认为兴趣是最好的老师,它

如何正确学习JavaScript

学习时长:6-8周学习前提:中学水平,无需编程经验 更新(2014-1-7) 在Reddit上创建了一个学习小组January 2014, “Learn JavaScript” Study Group on Reddit 目录 不要这样学习JavaScript 本课程资源 1-2周(简介,数据类型,表达式和操作符) 3~4周(对象,数组,函数,DOM,jQuery) JavaScript终极编辑器:WebStorm 第一个项目-动态问答应用 5-6周(正则表达式,Window对象,事件,jQue

如何理解并学习javascript中的面向对象（OOP） [转]

如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript面向对象,否则你无法更灵活的使用javascript这门语言. 什么事闭包?到底什么是原型?(知道闭包和原型的,就算得上是javascript的高手了.但真正能够理解,并且灵活运用的人并不多)到底该如何学习javascript中的面向对象呢?在javascript这么语言正如日中天,相信不少人正在为

学习JavaScript中的异步Generator

本文和大家分享的主要是javascript中异步Generator相关内容,一起来看看吧,希望对大家学习javascript 有所帮助. 异步的generators和异步iteration已经到来 ! 这是错误的, 它们现在还在 阶段 3 ,这表示他们很有可能在JavaScript未来的一个版本中发布. 在他们发布之前,你可以通过 Babel 来在你的项目中使用还在阶段3的建议内容. 网站基本上还是一些分散运行的应用,因为任何在语言上的修改都会造成永久的影响,所以所有的未来的版本都需要向后兼容.

老菜鸟趣谈：对编程初学者的一些建议

对编程初学者的建议 PS:这篇文章我只在微信公众号和头条网发布了,忘了在博客里发. 我是程序员,我为程序员代言. 现在真的是编程的黄金年代,程序员从来不曾这样供不应求,特别是嵌入式领域. 现在哪怕是银行,也需要几个程序员,负责网站的编写,App编写,数据库管理,服务器管理,安全管理,等等. 所以学会编程你就有福了,真的不是夸张,我到目前还是菜鸟一个,真的越学习越感到自己了解得就如牛顿所说:“我只不过是在海边捡到了几块贝壳的孩子,尚且有些许欢喜,岂知知识的海洋正在眼前”. 也没有一个时代像现在这样