0

我想知道编写基于 JavaScript/jQuery 的解决方案以水平滚动文档文件（如 pdf、HTML 或 .doc 文件）的各个页面的最佳方法可能是什么（.doc 文件必须转换为 pdf或 HTML，然后才能在网页中查看，但您明白了）。最终目标是制作像 iBooks 或真正的书，其中“页面”可以水平“翻转”而不是垂直“翻转”。

到目前为止，我可以看到 3 种策略：

  1. iframe：将 pdf、doc 转换为几个 HTML 文件。将 pdf/doc 的每个“页面”放入其自己的 iframe 中，然后使用 javascript 在 iframe 之间单击。
  2. img：将 pdf、doc、html 转换为多个图像（png、jpg）文件。将每张图片（“页面”）放入自己的img标签中，然后使用JavaScript在imgs之间点击
  3. div：将 pdf/doc/HTML 转换为其他文件格式，JSON？这样每个“页面”都可以放入自己的 DIV 中，然后使用 JavaScript 在 DIV 之间单击

我不想使用选项“1)”，因为 iframe 存在主要的格式问题，例如在同一个顶部窗口中有多个垂直滚动条。选项“2)”也不行，因为我希望文档的文本是可搜索的，并且将文档转换为图像会破坏该功能。我想使用选项“3)”但是，我不确定将 pdf、doc 或 HTML 文档的每个页面放入其自己的 DIV 中可能需要什么（后端文件转换，JavaScript）。可能有人知道这是如何实现的吗？任何建议将不胜感激！

4

1 回答 1

1

在我看来，您应该将 pdf 转换为图像和 html。

为图像制作 JS（使用带有 snap true 的 iScroll 或定位容器或使用 SwipeView - 均由 @cubiq 制作）并在图像的同一容器（每个“页面”）中，将 html 插入可见性：隐藏 div 或即使使用 text-indent:-9999px;

并且只有在 Js 不活跃时才优雅地降级为 html（因此考虑关闭 js 和搜索爬虫的人），使页面“可抓取”

于 2011-10-26T01:38:04.453 回答