有人能解决jspdf + html2canvas 实现html转pdf的BUG吗,有偿

akaKmmm 2020-06-29 07:24:56

几十页的HTML转成PDF,只有前两页有显示,而且很不清晰,图片也太大了,有能解决的大佬吗,有偿.

...全文

220 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

一位不像程序猿的程序猿 2021-03-26

打赏
举报

回复

兄弟问题解决了嘛？我现在也遇到这个问题了，数据大就截取不出来了

开发背景：需要给页面中相应的内容生成pdf，查找文档后发现要用到两个插件。html2canvas 以及 jsPDFjsPDF参数下面是dom转化为pdf 的基本代码需要特别注意一下 html2canvasonclone方法。它是当DOM被克隆后进行渲染时的回调函数，可用于修改将要渲染的内容，而不会影响原始DOM。当你需要在生成快照前操作 DOM（例如隐藏打印按钮）时，会非常有用。

文中内容是在 Vue 项目中使用 html2canvas和 jspdf 插件实现将页面的内容生成 PDF，并记录在使用过程中遇到的一些问题和解决方案。文中将会贴出很多参考文章，如果各位有需要，可以前往原文章查阅。 html2canvas + jspdf介绍使用方法分页分割问题html2canvas生成图片只有一半其他参考文章介绍 1、html2canvas 该插件允许我们直接在浏览器上对网页或其部分进行“截图”操作，但是屏幕截图基于 DOM，这一点很关键。这就会导致截图的结果，很可能不是自己想要的。.

废话不多说，还得废话一句：太菜了一个坑爬另一个坑，差点放弃了，还好实现了思路用html2canvas 把html转图片；把图片放到 jspdf 中变成pdf(这会儿就可以保存、打印了，但打印有个bug,就是点击打印处的下载，会导致下载的文件没格式，手动改格式就可以正常打开了); 为了解决这个打印页面下载的问题，使用了PDFjs 这个可以预览pdf文件、pdf的base...

html2canvas生成的图片不完整笔者在最近四月份的时候找到了一份前端开发的工作，是个小规模公司，目前只有我一个前端开发，所以会遇到各种莫名其妙的问题，今天有时间，抽空总结一下（PS: 虽然不会有人看~~，但是可以自己记下以后备用）前端页面生成PDF格式，并且可以下载。由于后台工作比较繁重，所以打算前端单独做这个功能，起步其实还好，照着网上搜索到的代码，用 jspdf 和 ht...

上一篇文章总结了怎么把当前页面，生成PDF，测试的时候发现不同的电脑，下载下来的文件大小不一样，清晰度也不一样。不知是否和电脑屏幕的分辨率有关，这个存疑。百度了一整天，终于找到了解决方案，勉强解决了清晰度问题，不知后面还会出现什么bug。生成pdf的参考原文： https://blog.csdn.net/pratise/article/details/79249943 解决清晰度问题的参考原文： https://blog.csdn.net/weixin_44309374/article/detai

61,120

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章