gpt4 book ai didi

javascript - 如何使用HTML5、JavaScript和CSS制作epub控件?

转载 作者:太空宇宙 更新时间:2023-11-04 00:02:55 26 4
gpt4 key购买 nike

好的,我们必须使用 HTML5、JS 和 CSS 实现一个在线电子阅读器。到目前为止,我对这三种技术有了很好的理解。基本上需要发生的事情是,用户从链接库中选择一本书,这会将他带到一个页面来阅读这本书。

显然,epub 文件应该加载到客户端计算机的内存中,解压缩,然后显示在网页上。到现在为止我没有太多问题,真正让我绞尽脑汁的是接下来会发生什么。

因此所有章节都分为单独的 xhtml 页面以及封面、标题页、目录,这使得创建可导航的动态链接到它们并不难。但是,我们还必须提供控件来更改字体、颜色和在页面之间导航。我该如何实现?

执行此操作的 JS 是否出现在加载 epub 文件的页面中?如果是,我该如何编写 JS 来更改 JS 所在页面中加载的页面的属性?

除了在每一章上放一个小的 JS 小部件,我想不出另一种方法来做到这一点,但是“翻页”的问题仍然存在,因为我不知道一页从哪里开始,另一页结束因为这在 xhtml 文件中没有指定。

如果我不清楚或没有提供足够的信息,我很抱歉,虽然我使用过 JS、HTML5 和 CSS,但整个 epub 的东西对我来说还是很新的。任何帮助将不胜感激。

最佳答案

我会检查网络上为数不多的专门用于 epub 的开源元素之一,以帮助您入门。你似乎问了很多问题,所以我建议你看看其他人是如何解决这些问题的,而不是具体回答。

首先,您应该查看 Readium:http://readium.org/它们具有您描述的许多功能(更改字体、从图书馆挑选一本书等)

接下来我会看看我的个人元素https://github.com/fchasen/epub.js

我们做事的方式略有不同,但它仍然是了解我们如何应对一些挑战的好地方,这样您就可以带着更具体的问题回来。

关于javascript - 如何使用HTML5、JavaScript和CSS制作epub控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15861748/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com