html2canvas+jsPDF 将网页转换为 PDF

Html To Pdf

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

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

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

优点：

1. js方法转换，在浏览器可以直接将已经生成后的html页面整体转换为pdf

2. 生成的效果与网页预览一致

缺点：

1. 分页，因为是html转canvas，所以分页的时候需要特别注意，页面元素设置不合理会导致一行字被分到两页中

2. 图片跨域时，需要后台配置支持跨域才可以生成到pdf中

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