前端html转pdf

注:1、目前前端大段html转pdf的方法大多数都会使用canvas 截图的方法,所以生成的pdf打印出来都会稍微有颗粒感,如果对清晰度有严格的要求,可能需要另觅它法。

2、大段文本转pdf也有不使用canvas截图的方法,就是用jspdf一句一句的拼成pdf,缺点:1)jspdf不支持中文,需要字体转码后引入,2)耗时。

一:使用html2canvasjsPDF

https://github.com/niklasvh/html2canvas

https://github.com/MrRio/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.5.3/jspdf.debug.js"></script>

代码:


css
html
script

二:jspdf拼成pdf

请参考

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

https://blog.csdn.net/kunga0814/article/details/81869183

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一.依赖插件: 1.jquery.js 2.html2canvas-0.4.1.js(注意版本号,不同的版本配置大...
    咖啡浮点阅读 459评论 0 3
  • # Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列...
    小迈克阅读 3,063评论 1 3
  • 本文转载自:https://handong1587.github.io/deep_learning/2015/10...
    Kwan_SS阅读 5,999评论 0 7
  • 建安诸子以魏晋风度的曹氏集团。为主要代表,讲述了曹操和他的儿子的事情。 一次,曹操要拜见匈奴国...
    泡沫中的秘密阅读 393评论 0 0
  • 前几天看了一位老师写的文章《难忘鸽眼》,作者用饱含深情的文字写出他与鸽子的几段经历。 文中写到他用湿湿的眼神望着湿...
    与你一路同行阅读 2,194评论 6 9