用于在浏览器中呈现和注释PDF文档的Html5组件?

时间:2011-03-07 21:55:49

标签: javascript pdf html5 postscript

我正在尝试构建一个webapp,可以在没有安装Flash播放器的浏览器中查看和注释PDF文件(如iPad)。是否有任何免费或廉价的组件在HTML,JS和画布中呈现PDF?谢谢!

4 个答案:

答案 0 :(得分:5)

不是我知道的。 (我假设你用Google搜索,所以我正在跳过它)。 这显然是网络的缺失 - (我在这里找到了一个玩具实现:http://ajaxian.com/archives/wps-postscript-and-pdf-interpreter-for-html-5-canvas - 但它现在只是一个玩具。)

一个严肃的产品可以使用像http://code.google.com/p/emscripten/这样的项目使Ghostscript本身适应Javascript - 它可以将C代码编译为LLVM,然后编译为javascript。这里有一个以javascript构建的整个Python解释器的例子: http://syntensity.com/static/python.html

当然它不会是微不足道的,无论如何都需要编写canvas和UI的输出部分。我认为它现在不适合你的需求,但我在这里写,所以也许有人可以做到这一点。

同时,您可以考虑运行Ghostscript(http://pages.cs.wisc.edu/~ghost/doc/intro.htm)服务器端,并将预渲染的PNG图像传送到浏览器。这样做会容易得多,虽然它需要很多服务器。

答案 1 :(得分:4)

我最近在寻找类似的东西:

pdf.js(由Andreas Gal @ mozilla等人开发)正在开发中,其目标是直接使用HTML5和JavaScript呈现PDF。它在github [https://github.com/andreasgal/pdf.js]

值得阅读公告帖子和评论(140+)[http://andreasgal.com/2011/06/15/pdf-js/]

答案 2 :(得分:2)

<iframe src="http://docs.google.com/gview?url=http://domain.com/pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

Google文档允许您通过使用iframe链接到其服务来嵌入PDF,Microsoft Office Docs和其他应用程序。它用户友好,多功能,有吸引力。

答案 3 :(得分:0)

这取决于“便宜”意味着什么,但我一直在寻找同样的东西,并认为这个针对flexpaper的HTML5插件可能是一个巨大的帮助,至少就起点而言!

http://devaldi.com/annotations/index_html5.html

其实只是在开玩笑。这是我正在寻找的(3小时后)希望它有所帮助! http://websanova.com/plugins/paint#websanova