用于 Web 应用的基于 HTML5、JS 的 PDF 阅读器答案

【问题标题】：HTML5, JS Based PDF Reader for Web App用于 Web 应用的基于 HTML5、JS 的 PDF 阅读器
【发布时间】：2012-09-28 10:03:21
【问题描述】：

好吧，经过大量搜索，我真的找不到解决问题的方法。我来解释一下。

我正在使用 HTML5、PhoneGap 为 iPhone、iPad、Android 手机、Android 平板电脑构建一系列应用程序。该应用程序已使用 PhoneGap 的 ChildBrowser 插件进行编码和完成。所以基本上，我在我的服务器、应用程序上上传杂志的 PDF 文件，下载它，然后你在手机或平板电脑上阅读。

ChildBrowser 是一个很好的解决方案，但适用于一些小问题。我的 pdf 文件每个大约 15mb，所以你需要等待它下载整个 pdf 文件，然后它会出现在屏幕上。对于杂志来说，这是一个相当粗略的解决方案。我尝试了 pdf.js，但它无法呈现 pdf 的图形。我看过flexpaper zine，但是太贵了。

请问有人有什么想法吗？谢谢！

【问题讨论】：

你可以使用类似翻页创建器的东西制作单个图像吗？然后你可以在下载时显示每个页面。
我没试过，我现在去看看。谢谢大佬
好的，我们在这里这样做，但问题是缩放时的图像质量...为了获得更好的质量，您可以将 pdf 剪切成更小的页面。
由于 PDF.js 是一个活跃的项目，正在积极开发中，您可以提交一个问题来描述您的问题，也许他们会解决它。
嗯，我注意到除了 Helvetica 字体之外，一切都很好。我会提交那个问题。谢谢。

标签： javascript android ios pdf cordova

【解决方案1】：

我对此知之甚少，但我最喜欢的杂志之一 Full Circle Magazine 使用了我最后一次知道的 Scribd。我不知道它是如何工作的，但它可能值得研究。

【讨论】：

哦，是的，我们已经使用了这样的服务，issuu。这很好，但仍然存在在 HTML5 中查看的问题。还是谢谢。

【解决方案2】：

有两个选项，您可以将单个 pdf(15mb) 文件切割成单页 pdf 的数量并按用户请求加载（通常在用户完成阅读上一页之前加载下一个 2 3）或将每个页面转换为pdf 到 jpg 图像并加载到 web 视图中。bot 这些技术需要用于切片或转换 pdf 的工具。

【讨论】：

将 pdf 拆分为单页数，使用子浏览器逐个加载会有点棘手。第二个选择是我认为现在最好的一个。 Html5 pdf阅读器仍处于测试阶段。