最近做后台系统遇到挺多复杂的需求，比如导出pdf，word，excel

一般这种需求后端如果存文件，然后传个流过来，前端就可以下载导出了。

但是如果后端不存文件，只返回字符串(富文本字符串)，这时候咋办？

= =不知道，但是我遇到了，也只能头铁干了。

路还是有的，讲一下实现方式：

具体需求是在弹窗内预览，然后点击下载可以生成对应pdf，预览pdf如果后端没有给文件地址，只返回富文本字符串(类似"

")，比较难做，但是办法还是有的,个人感觉难点在于html2canvas生成完整截图的时机和pdf的分页。

思路：由于pdf不可直接编辑，个人思路是先将html截屏转化成图片，再把图片嵌入生成pdf。

控制pdf页面大小取决于html2canvas截图dom的样式，例子中是 .preview-data 这个类,可以观察其中的css样式，其中z-index为负一的原因是html2canvas截图只能截可视dom元素，如果display：none或者是克隆出来的虚拟dom，都截不了，所以只能采取让元素看不见的方法来取巧。

由于后台返回的是富文本字符串，所以渲染的内容代码用innerHTML赋值了，赋值后dom还未渲染，此时不能立即使用html2canvas截取，需要等dom更新完成再截取，这就是调用/weixin_/article/details/

4.预览和下载pdf：jspdf很强大，有一个output('datauristring')的方法，可以生成一个dataurl外链，把它带给iframe标签或者embed标签src就可以在线预览(后台直接返回pdf地址也是这种方法预览)，下载则更为简单，调用save方法即可。