Web前端之路程序员技术干货

动手写一个电子阅读器(js美化版 )

2016-12-15  本文已影响383人  可我不爱聪明

还记得上次动手写了个电子书的基础版本嘛,这次准备升级美化一番。
github代码已经更新,浏览demo.html这个页面就可以看到效果:https://github.com/lzuntalented/lzTxt-js
另附上线上demo供大家查看:http://www.lzuntalented.cn/txt/demo.html

添加的功能有:
1.将电子书的处理过程进行了封装。
2.添加翻页动画。
3.添加绘制的字体可选。
4.添加绘制的颜色可选。

先附上几张图:


选择书籍
查看内容 配置面板

遇到的几个问题:
1.在高分屏上查看的时候,会发现字体模糊,所有使用了hidpi-canvas.js这个文件对绘制进行了处理。
2.选择文件后浏览器会有一段卡住的状态,但在这个时候去绘制一个loading显示加载却无效,还有待解决。
3.还一个是文字间距,上下比较好处理,但是左右遇到单字节字符这个处理就有问题了,大家看看有什么办法解决,欢迎给我留言。O(∩_∩)O哈哈~

上一篇 下一篇

猜你喜欢

热点阅读