小编Mal*_*m G的帖子

如何修复 React-pdf 查看器中的乱码文本?

我使用react-pdf创建了一个pdf查看器。当我显示某些 pdf 时,文本断断续续且难以阅读。我尝试过放大和缩小文档,但它在不同的比例下以不同的方式出现断断续续的情况。有时,在缩小然后放大后,文本在一定比例下甚至看起来还不错。

乱码文本示例

(1.5 比例的示例)

在此输入图像描述

(1.6 比例的示例)

起初,我认为这可能是react-pdf的问题,但我发现react-pdf基本上是PDF.js的包装器。我发现我可以在PDF.js 演示页面中复制该问题。

不幸的是,我正在处理包含识别信息的 pdf,因此我无法共享完整的 pdf 或完整屏幕截图。我将尽可能多地分享。

我尝试过的

  • 我最初的想法是,组件可能最初渲染得很小,然后在扩展时出现了问题。所以我把初始尺寸做得很大,但这并没有解决问题。
  • 我确保按照react-pdf主页上的说明包含标准字体
  • 我尝试使用在线 pdf 修复工具来修复 pdf 本身。那没有帮助。
  • 我尝试将 更改为Document api 文档中详细说明的renderMode内容。这是最有用的修复,因为它确实正确渲染了文本,但随后却导致 pdf 上的图像无法加载。'svg'

感谢您的帮助/建议。

如果我能找到一种方法来编辑 pdf 使其不包含敏感信息,我会尝试找到一个地方使其可用于测试。很抱歉目前无法提供该信息。我知道,当你自己无法复制时,很难给出建议。我会努力解决这个问题。

pdf text pdf.js react-pdf

6
推荐指数
2
解决办法
4227
查看次数

标签 统计

pdf ×1

pdf.js ×1

react-pdf ×1

text ×1