解码PDF开发时面对的麻烦，如何攻克？

2023-09-18 17:28:01

正文开始：

当我们使用PDF.js库来构建PDF文档处理应用程序时，可能会遇到一些令人头疼的问题，这些问题往往会阻碍我们顺利完成开发工作。本文将深入探讨这些常见问题，并提供相应的解决方案，帮助开发者们攻克难题，实现高效的PDF文档开发。

问题一：PDF.js默认渲染时不显示签名

在默认情况下，使用PDF.js库渲染PDF文档时，通常不会显示签名。这是因为PDF.js默认禁用了对签名的支持。为了解决这个问题，我们需要对PDF.js源码进行修改，将不显示签名的部分注释掉。具体步骤如下：

打开PDF.js源码，找到viewer.js文件。
在该文件中找到以下代码段：

if (annotation.subtype === 'Widget' && annotation.fieldFlags && (annotation.fieldFlags.indexOf('invisible') >= 0 || annotation.fieldFlags.indexOf('hidden') >= 0)) {
  return;
}

将这段代码注释掉，如下所示：

// if (annotation.subtype === 'Widget' && annotation.fieldFlags && (annotation.fieldFlags.indexOf('invisible') >= 0 || annotation.fieldFlags.indexOf('hidden') >= 0)) {
//   return;
// }

保存更改并重新构建PDF.js库。

完成上述步骤后，PDF.js就可以正确显示签名了。

问题二：PDF.js不支持IE浏览器

PDF.js库在默认情况下不支持IE浏览器。这是因为IE浏览器使用的是专有渲染引擎，与其他浏览器不同。为了解决这个问题，我们需要修改PDF.js源码，使其支持IE浏览器。具体步骤如下：

打开PDF.js源码，找到src目录。
在该目录下创建名为"ie"的文件夹。
将以下文件复制到ie文件夹中：

viewer.js
pdf.worker.js
annotation_storage.js
text_layer_builder.js

在ie文件夹中创建一个名为"index.html"的文件，并添加以下内容：

<!DOCTYPE html>
<html>
<head>
  
  <script src="viewer.js"></script>
  <script src="pdf.worker.js"></script>
  <script src="annotation_storage.js"></script>
  <script src="text_layer_builder.js"></script>
</head>
<body>
  <div id="viewer"></div>
  <script>
    var viewer = new pdfjsViewer.Viewer({
      container: '#viewer'
    });

    viewer.open({
      url: 'path/to/document.pdf'
    });
  </script>
</body>
</html>