日期:2014-05-17  浏览次数:20706 次

高分求html文本翻书效果的数据处理思路
请教大家,像小说阅读器之类的翻书页效果布局,它的文本数据是怎么处理的?

原始文本信息,如果不以翻书页效果呈现,假设信息量足够大,那么HTML展示出来必然是带有滚动条的。而采用翻书页效果展现,由于每一屏/页展示的数据有限,最终展现出来的必然是这样的结构: 每一页的文本信息+页码+翻页。

我想请教大家的是:
1 每一页需要展示出来多少行文本或者多少字,这个量是如何计算的。
2 下一页需要从哪个字开始展示,这个是如何计算出来的。
3 因为涉及到页码,必然涉及到总页数,由于原始文本信息固定,这个总页数怎么算出来的---因为页面字体是可以选择的,如果字体变化,每一页的文本信息会变化,会导致页码和总页数变化。

谢谢大家,集思广益!

------解决方案--------------------
帮顶 同问
------解决方案--------------------
那就一行行地计算吧!
定义页面高度和宽度后,再一段段地读出,计算出有多少行,本段有多高也就出来了。
每段计算出来了。全文也出来了!
------解决方案--------------------
接口(例如flash,虽然我极讨厌这个),实际上就是限制了客户端的可视可调,变成按自己预定义格式
------解决方案--------------------
探讨
请教大家,像小说阅读器之类的翻书页效果布局,它的文本数据是怎么处理的?

原始文本信息,如果不以翻书页效果呈现,假设信息量足够大,那么HTML展示出来必然是带有滚动条的。而采用翻书页效果展现,由于每一屏/页展示的数据有限,最终展现出来的必然是这样的结构: 每一页的文本信息+页码+翻页。

我想请教大家的是:
1 每一页需要展示出来多少行文本或者多少字,这个量是如何计算的。
2 下一页需……

------解决方案--------------------
同问,大家往往只关注翻页效果,楼主问的才是真正的核心逻辑啊。买椟还珠现代版
------解决方案--------------------
要结合JQUERY或FLASH才能做到这样的效果吧~~
------解决方案--------------------
同问,
另外再问下:
1.如何判断加上图片(长宽固定)后的页面排版?
2.用户有阅读困难,默认字体看不清,使用浏览器缩放功能,这个如何解决?
------解决方案--------------------
如果把所有内容放在一个界面显示吧……那其实没那么复杂

<div style="position:relative; overflow:hidden;" id="a">
<div style="position:absolute;" id="b">
<p>内容。。。</p>
<p>内容。。。</p>
<p>内容。。。</p>
<p>内容。。。</p>
...
</div>
</div>

计算a的offsetHeight,这就是一整页的高度。
计算b的offsetHeight,这就是所有页面加起来的总高度,通过这两个高度,可以推算出文章的总页数。
设a的高度是100,b的高度是2000,那应该是21页吧
调整b的top值,就可以显示第N页的内容
第1页,top为0
第2页,top为-100px
第3页,top为-200px
...
------解决方案--------------------
百度文档(包括txt),就是用flash