使用javascript和HTML制作iBooks的最佳方法是什么?

What is the best way to make something like iBooks using javascript and HTML?

本文关键字：最佳 方法 是什么 iBooks javascript HTML 制作 使用      更新时间：2023-09-26

我想知道什么是最好的方法来编码一个基于JavaScript/jQuery的解决方案的水平滚动的个别页面的文档文件，如pdf, HTML，或。doc文件(.doc文件必须转换为pdf或HTML之前，它可以在网页中查看，但你得到的想法)。最终目标是制造出像iBooks这样的东西，或者真正的书，其中"页面"可以水平"翻转"，而不是垂直"翻转"。

到目前为止，我可以看到3个策略:

  1. iframe:将pdf,doc转换为几个HTML文件。把每一"页"的将pdf/doc放入自己的iframe中，然后使用javascript点击iframes之间。
  2. img:将pdf,doc,html转换为若干图像(png,jpg)文件。将每个图像("页面")放入自己的img标签中，然后使用JavaScript在imgs
    3. 之间单击。
  3. div:转换pdf/doc/HTML为其他文件格式,JSON吗?这样每个"页面"都可以放入自己的DIV中，然后使用JavaScript在DIV
    4. 之间单击。

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

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

为图像制作JS(使用iScroll与snap true或目标容器或使用SwipeView -都由@cubiq制作)，并在图像的同一容器(每个"页面")中，将html插入可见性:隐藏div或甚至使用text-indent:-9999px;

并且仅在Js未激活时才优雅地降级为html(因此考虑关闭Js和搜索爬虫的人)，使页面"可抓取"

相关文章：