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

html2canvas+jspdf:通过js将html页面转pdf_第1张图片
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_第2张图片
IT老五(it-lao5):关注公众号,一起源创,一起学习!

你可能感兴趣的:(html2canvas+jspdf:通过js将html页面转pdf)