使用 PDF.js 添加注释

Question

PDF.js 目前正在添加向 PDF 添加注释的功能，预计于 5 月 23 日发布，几乎没有任何文档，也没有示例......我很难将这些东西放在一起，我想知道是否有人可以提供一个简单的荧光笔或简单的笔抽屉的工作示例？

我尝试在他们的代码库中浏览

web

查看器，但我很难将各个部分组合在一起。

Answer 1

PDF.Js 中的注释是一种客户端功能，用于在浏览器屏幕中通过鼠标和键盘添加临时数据。您可以看到源文件（我选择的 1KB 空白）位于第二个图像中的浏览器外部（来自本地文件夹），但也可能是像图像一样远程获取的 URL 资源。一旦保存在本地，worker.js 函数就会将其转换为 PDF 添加内容（在 EndOfFile 处）。

显然最大的补充是图像。

我无法在此处显示整个 PDF，但在下图中，顶部白色部分是“空白”页面运行时指令，以

%%EOF

结尾。然后添加 61 KB。

需要注意的重要一点是，第一项是对所有 3 个添加项的引用，因此额外的条目不会保留在页面中，因为它们需要最终索引为

/Annots [5 0 R 6 0 R 10 0 R]

• 5 = (Hello World!) 外观为对象 8
• 6 = /Rect [49.2 249.6 105 260.4] /InkList ....以及附加元数据作为对象 7
• 10 是一个冲压支架，在对象 11 中具有更多数据，用于作为对象 9 的图像

现在我们到达第二个 EndOfFile，现在出现了一个问题，因为它看起来好像违反了正常规则，因为它是压缩的，但这个源不应该是这种情况。

12 0 obj
<< /Size 13 /Prev 213 /Type /XRef /Root 1 0 R /Info 3 0 R /Index [0 1 3 1 4 1 5 1 6 1 7 1 8 1 9 1 10 1 11 1 12 1] /ID [(¿¯]X9$'NˆcÀÉ£O) (#Eg‰«Íïþܺ˜vT2)] /W [1 2 2] /Length 55>> stream
  ÿÿ¼  >  ž  ~  -  à  Y  ñü  ò£  óZ  
endstream
endobj
startxref
62298
%%EOF