html2canvas+jspdf:通过js将html页面转pdf

  • A+
所属分类:前端 原创 开发&源码
html2canvas+jspdf:通过js将html页面转pdf
Html To Pdf

最近项目中有将报告页面转成pdf的需求,为了方便,想在js中转化,然后找了一下,发现html2canvas好像满足这个需求,尝试了一下,基本上能实现html转pdf




上述代码能满足html转pdf,但是转换后的pdf并不能非常好的满足我的其他需求,所以最终放弃这一方案了,但还是记录下来,可能以后会用得到。

下面来说下这个方案的优缺点:

优点:
1.  js方法转换,在浏览器可以直接将已经生成后的html页面整体转换为pdf
2. 生成的效果与网页预览一致
缺点:
 1. 分页,因为是html转canvas,所以分页的时候需要特别注意,页面元素设置不合理会导致一行字被分到两页中
2. 图片跨域时,需要后台配置支持跨域才可以生成到pdf中

总之,如果只是简单的生成pdf保存下来,这个方案很不错,但是如果需要分页及打印,则还是由后台生成会比较好(如 office等方案)

 

下载地址:html2canvas.js       jspdf.js

个人博客: IT老五    简书:ThinkinLiu


html2canvas+jspdf:通过js将html页面转pdf
IT老五(it-lao5):关注公众号,一起源创,一起学习!
weinxin
我的微信公众号
我的微信公众号扫一扫
Thinkin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: