You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修复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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.26 21:09:18