shiyan_detail_down Vue竖屏打印组件
竖屏滚动的 PDF 打印其实蛮常见的，shiyan_detail_down.vue这个组件就挺实用。用Vue做的，页面内容滚动时自动拼接成 PDF，响应也快，兼容性还不错。里面的注释写得比较清楚，照着改就能用。
支持竖屏方向，对移动端友好，适合打印那种表单、报告类的内容。如果你在做移动端的页面导出功能，拿来参考一下挺方便。
代码里面用到了html2canvas和jsPDF，都是老朋友了。滚动截屏的部分做了，不会漏内容。你要是遇到打印乱码，可以配合vue-pdf 打印乱码方案一起用，效果更稳。
另外推荐几个相关的参考：Gallery 竖屏适合做交互对比；Vue 整屏滚动能拓展页面结构设计；还有个滚动截屏拼接，概念类似，但是移动端那套。
如果你也正头疼怎么导出长页面的 PDF，不妨看看shiyan_detail_down.vue，改一下样式和内容就能用，挺省事。
文件大小：6.43KB
评论区