PDF带有JSON图层的注释器

Question

我正在尝试使用PDF.js和HTML5绘图应用程序创建一个pdf注释器来创建一个JSON文件。

使用此：https://github.com/mozilla/pdf.js/blob/master/examples/learning/prevnext.html

也许这样：http://codecanyon.net/item/html5-drawing-tools/8869338?WT.oss_phrase=&WT.oss_rank=2&WT.z_author=appsandsites&WT.ac=search_thumb

创建像http://www.html5rocks.com/en/tutorials/canvas/integrating/#web

这样的JSON

有关如何执行此操作的任何想法或建议？您认为我可以使用PHP创建文件并将其放在我的服务器上吗？

最佳方式的方向表示赞赏..什么版本的JSON，如何使用画布创建文件和编辑它等等

更新，我想把它放在PDF.js上：

https://github.com/trsanders/responsive-sketchpad

然后在PHP中创建一个JSON文件，该文件存储PDF的URL和生成的json / image的URL。

更新2/23

我在Perl中找到了一个带有flexpaper的文档浏览器，它为我想做的事情奠定了基础，但没有添加绘图支持。我在想的是上面的图像。

http://eric-blue.com/2010/02/12/example-document-browser-code/

Answer 1

Hypothes.is支持PDF的文本注释（通过PDF.js和Annotator）。 The Hypothesis Project（一个非盈利组织......我工作的地方，fwiw）的计划是上游与其定制的Annotator相关的PDF相关功能，因此它们可供更多开发人员使用。

这是一个example of Hypothes.is loaded on a PDF via a proxy。通过在Firefox或Hypothes.is Chrome扩展程序中使用书签，可以在没有代理的情况下提供相同的功能。

此外（如果您希望在PDF.js渲染的PDF上绘制形状），您可以查看Annotorious polygon preview。类似于你所描述的，加上注释，加上存储...虽然我不相信它适用于PDF ...只是图像。

W3C正在进行工作以构建interoperable annotation data model。查看Annotation Working Group以获取更多信息。

最后，PDF.js现在也正在完成工作以支持PDF-level annotations。最终，它应该为PDF.js提供一个强大的基础，用于公开从其他来源加载的注释。

希望这足以让你入门。 ：）