关于pdf

!记录+吐槽自己太菜
去年做项目时,有个需求,页面转pdf并下载。在网上看到html2cavans和jspdf可以实现,就开始搞,然后踩坑之路就开始了。
遇到的问题:
1.有滚动条时,只能导出当前页
1.页面过多时不清晰
3.当数据过多时卡死或者导出的pdf有黑块
4.图片跨域
5.文字和图片等会被截断

使用方法:
可以看这篇文章
https://zhuanlan.zhihu.com/p/140678006

前两个问题,网上百度可以找到解决方案。

关于图片出现跨域:

在网上看了加属性什么都没解决,最后是后端把图片以流的形式返回,然后再导出,页面图片只有一张或者少了可以这样做。

数据过多时卡死:

我们最后放弃了用html2cavans和jspdf,改用浏览器打印,利用window.print()

文字被截断:

如果客户能接受,用html2cavans可以不分页。用window.print()文字和图片没发生截断,但因为页面中有表格和图表还是没法避免,最后只能看一页能放多少内容,固定下每块内容的高度,只能算暂时避免了截断。(还是要感叹一下太菜。。。。)

下面是移动端预览pdf

这是最近的需求,因为之前遇到的问题,当我看到pdf时就有了不好的预感。

  • 刚开始使用vue-pdf,网上有很多文章,讲的也很好。指路:vue-pdf
    遇到问题:
    安装打开之后一直报错,不知道是不是版本问题,后退了版本也没解决。报错如下:
    在这里插入图片描述
    但是页面还是好的就想着忽略报错,结果又遇到新的报错:
    在这里插入图片描述
    内存无法分配。。。。这是什么鬼啊
  • 后来改成pdfh5,指路pdfh5,这个数据过大时会慢。但是没遇到别的问题。
  • 最后我采用的是pdfjs,指路pdfjs
    好巧,我又又又又又遇到了问题,可能是pdfjs官网是最新版的,文章是之前的所以下载下来使用方法不一样,而且我又遇到了这个错:
    在这里插入图片描述
    无奈只能找到别人贴的git链接,把pdfjs文件夹拿过来,然后一堆警告:
    在这里插入图片描述
    只能再js中找到注释掉。。。。。最后算是勉强解决。。。。

搞完这些,我想劝退自己。。。。不知道哪里操作不对,遇到错也不会解决。。。(反省。。。)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PDF(Portable Document Format)是一种广泛使用的电子文档格式,PDF文档中包含了丰富的信息,如文本、图像、表格等。因此,PDF文档信息提取是一个重要的研究方向,涉及到多个领域,如自然语言处理、计算机视觉、机器学习等。以下是国内外关于PDF文档信息提取的研究现状: 国外研究现状: 1. PDF文档结构分析:PDF文档通常由多个对象组成,如页、段落、图片、表格等。因此,PDF文档结构分析是PDF信息提取的重要步骤。这方面的研究主要集中在基于文本和基于图像两个方面。 2. PDF文本内容提取:PDF文档中包含了丰富的文本信息,如标题、正文、作者、日期等。因此,PDF文本内容提取是PDF信息提取的重要任务之一。这方面的研究主要包括基于规则、基于机器学习、基于深度学习等方法。 3. PDF表格信息提取:PDF文档中的表格是一种重要的信息载体,包含了大量的数据。因此,PDF表格信息提取是PDF信息提取的重要任务之一。这方面的研究主要包括基于规则、基于机器学习、基于深度学习等方法。 4. PDF图像信息提取:PDF文档中的图片是一种重要的信息载体,包含了大量的视觉信息。因此,PDF图像信息提取是PDF信息提取的重要任务之一。这方面的研究主要包括基于规则、基于机器学习、基于深度学习等方法。 国内研究现状: 1. PDF文档结构分析:国内研究主要集中在基于文本和基于图像两个方面,研究方法主要包括基于规则、基于机器学习等。 2. PDF文本内容提取:国内研究主要包括基于规则、基于机器学习、基于深度学习等方法。 3. PDF表格信息提取:国内研究主要包括基于规则、基于机器学习、基于深度学习等方法。 4. PDF图像信息提取:国内研究主要包括基于规则、基于机器学习、基于深度学习等方法。 总体来说,PDF文档信息提取是一个涉及多个领域的综合性问题,国内外研究都在积极探索各种方法,以实现更加准确、高效的PDF文档信息提取。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值