如何修复react-pdf查看器PDF文字乱码、缩放显示异常问题
PDF查看器文字锯齿、乱码问题
我使用react-pdf搭建了PDF查看器,在展示部分PDF文件时,文字存在锯齿、乱码问题,无法正常阅读。我尝试对文档进行缩放操作,发现不同缩放比例下文字异常的表现存在差异,有时先缩小再放大回特定比例后,文字甚至可以正常显示。

1.5倍缩放比例下的示例

1.6倍缩放比例下的示例
起初我以为是react-pdf本身的问题,但了解到react-pdf本质是PDF.js的封装库,且我在PDF.js官方演示页面中也可以复现该问题。
由于我当前处理的PDF包含身份识别类敏感信息,无法分享完整PDF文件或全量截图,仅能提供可公开的相关排查信息。
已尝试的解决方案
- 最初猜测是组件初始渲染尺寸过小,放大时出现异常,因此将组件初始尺寸设置为很大的数值,但问题未得到修复;
- 按照react-pdf官方给出的标准字体支持说明,确认已正确引入所有标准字体;
- 尝试使用在线PDF修复工具修复文件本身,未起到任何效果;
- 参考Document API文档说明,将
renderMode参数修改为'svg',该方案对文字乱码的修复效果最好,文字可正常渲染,但会导致PDF内的图片无法加载。
感谢大家提供的帮助与建议。后续如果我能将PDF内的敏感信息移除,会上传文件供大家测试复现,很抱歉暂时无法提供完整复现文件,我也清楚无法复现问题会提升排查难度,会尽快处理可公开的测试文件。
内容的提问来源于stack exchange,提问作者Malcolm G
相关产品推荐
相关产品推荐

