javascript - 豆瓣web端阅读器内容的分页显示
ringa_lee
ringa_lee 2017-04-10 15:06:28
[JavaScript讨论组]

其实我是看了豆瓣阅读的手机web端之后有这个疑问的(PC浏览器上的web阅读器也类似),它能够将很长的小说或者文章分页进行显示,调整字体大小之后能够重新排版显示。显示的内容也比较复杂,比如不同格式的文字以及图片等。

感觉这整个计算分页的过程涉及比较复杂的运算,比如计算哪一页该从那个地方显示,所以突然想问这个问题,这方面有没有开源的库可以用库或者相关的知识可以参考学习一下。

上两张豆瓣手机web端的阅读器照片:


ringa_lee
ringa_lee

ringa_lee

全部回复(1)
天蓬老师

好吧,貌似是不会有人在回答这个问题了,我利用这两天的空余时间尝试了一下实现这个功能。用的jquery+angular,主要使用的是ng,jq主要是用来做一些css的操作,其实完全可以去掉对jq的依赖。到现在为止已经实现了核心的分页功能了,虽然有的时候有些bug。图片显示还没弄上去,不过感觉放图片不是大问题了,有兴趣的可以一块来改进它。目前是用的图书数据是从豆瓣阅读上面hack下来的,换用其他的数据主要是在service上面做一下适配就行了。

兼容性方面,对IE9、IE10、Chrome、Firefox都测试通过了。

地址在这WebReader,顺便丢两个图片:

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号