pdf.js-canvas出现文字显示缺失问题处理

最近在修复一个业务系统困扰了很久的问题,现象是在某些用户电脑上使用业务系统浏览pdf文件时(Chrome浏览器),出现文字缺失的现象。如下图所示:

这个文字缺失的现象会随机出现在故障机器的不同位置,先前以为是操作系统原因、字体原因、pdfjs cMapUrl路径原因,反复测试,问题还是一样。关键这个问题在我自己的电脑不能重现,不能重现就意味着不能快速修复。

最后,突然想起昨天同事安装一台Dell电脑的网卡(Intel芯片)出现的怪现象,打电话到Intel,厂家给的驱动竟然无法安装,那边说可能是dell改了驱动,做了限制。难道这个是显卡驱动导致的问题?

继续查,baidu,google,stackoverflow,又到pdf.js官方翻issue,无果!!!

如果是显卡驱动问题,那么浏览器有什么特殊的配置刚好用到它?最后定位到 硬件加速,禁用硬件加速,问题解决,打开问题出现。这难道是dell厂商改驱动没有做好优化吗?

系统使用了以下开发环境包:

vue.js

pdf.js

pdf-lib

fontkit

and so on...

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
要安装pdf.js-dist,你可以按照以下步骤进行操作: 1. 首先,确保你已经安装了Node.js和npm(Node包管理器)。你可以在终端或命令提示符中运行以下命令来检查它们是否已正确安装: ``` node -v npm -v ``` 如果没有显示任何错误信息,并且输出了Node.js和npm的版本号,则说明它们已经成功安装。 2. 接下来,创建一个新的文件夹来存放pdf.js-dist。你可以选择在命令行中使用`mkdir`命令或使用文件管理器手动创建文件夹。 3. 进入到刚才创建的文件夹中,然后运行以下命令来初始化一个新的npm项目: ``` npm init -y ``` 这将创建一个默认的`package.json`文件,用于管理项目的依赖项。 4. 现在,运行以下命令来安装pdf.js-dist: ``` npm install pdfjs-dist ``` 这将下载并安装pdf.js-dist及其所有依赖项。 5. 安装完成后,你可以在项目中的JavaScript文件中引入pdf.js-dist。例如,在你的HTML文件中,你可以添加以下代码来加载pdf.js-dist并显示PDF文件: ```html <!DOCTYPE html> <html> <head> <title>PDF.js Example</title> <script src="node_modules/pdfjs-dist/build/pdf.js"></script> </head> <body> <canvas id="pdfCanvas"></canvas> <script> // 在这里使用pdf.js-dist来处理PDF文件 </script> </body> </html> ``` 这样,你就可以使用pdf.js-dist来处理显示PDF文件了。 请注意,这只是一个基本的安装和使用示例,你还可以根据自己的需求进行更多配置和定制。详细的文档可以在pdf.js的官方网站上找到。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值