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...

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

pdf.js 利用HTML5技术显示pdf内容
Mozilla实验室最近在github上开源了一款js库pdf.js,用来读取PDF文件. http://mozilla.github.io/pdf.js/ Using base64 encoded ...
miui12上面部分app的文字显示缺失
我的是react-native项目排查了很久,发现是他预设的系统字体小米兰亭Pro字体在RN上的显示是有问题的,在app内解析时计算空间失误,导致某些字被挤没了. 尤其是空格 % - 等等 ...
JS canvas实现图片显示
实现不多说,直接贴代码方式一:用Image来设置源数据为一张图片.从而把图片画出来. function setImage() {console.log("set Image"); ...
利用pdf.js开发嵌入pdf显示，以及利用jquery-ui左右分栏显示
原来考虑用pdf.js的viewer.html页面,但怎么用都不方便.因此直接用pdf.js在左侧连续显示pdf所有内容,右侧显示其它相关内容,并且左右宽度可以任意拖动,最终实现效果如图: 代码: & ...
Asp.net Core 配合 PDFObject 和 pdf.js 在浏览器显示pdf文件
Asp.net Core 配合 PDFObject 和 pdf.js 在浏览器直接显示pdf文件测试环境的浏览器版本: Chrome :90.0.4430.93(64 位) FireFox :88. ...
鼠标经过文字显示隐藏图片css样式
鼠标经过文字显示隐藏图片css样式,js鼠标经过文字显示图片预览效果,css如何实现鼠标移至文本上显示文字或图片.jQuery鼠标经过文字显示二维码代码. 这是一个比较简单的鼠标悬停经过文本显示二维码 ...
android读取带公章的pdf文件,APP中如何显示带电子签名的PDF文件
之前碰到一个需求,需要在手机 APP 中显示 pdf 文件.经过调研发现,在电脑上的浏览器如 chrome.safari等,可以直接显示 pdf 文件.由此联想到,在 APP 中能否通过浏览器来加载显 ...
低版本360浏览器下，PDF.js部分文字显示不全的问题
在低版本360极速模式下,使用 pdf.js 看pdf文件时,除了数字和符合,其它文字都不显示. 在其它浏览器显示是正常的. 此时,可以进行如下操作打开360浏览器的设置找到实验室找到系统选项 ...
html+js+显示文字时钟,JavaScript canvas实现文字时钟
本文实例为大家分享了canvas实现文字时钟的具体代码,供大家参考,具体内容如下先看看效果图代码 Document 您的浏览器不支持canvas var c=document.getElement ...

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

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

最新文章

热门文章