還記得上次動手寫了個電子書的基礎(chǔ)版本嘛犀忱,這次準(zhǔn)備升級美化一番凸椿。
github代碼已經(jīng)更新,瀏覽demo.html這個頁面就可以看到效果:https://github.com/lzuntalented/lzTxt-js
另附上線上demo供大家查看:http://www.lzuntalented.cn/txt/demo.html
添加的功能有:
1.將電子書的處理過程進行了封裝。
2.添加翻頁動畫九串。
3.添加繪制的字體可選踢步。
4.添加繪制的顏色可選癣亚。
先附上幾張圖:
遇到的幾個問題:
1.在高分屏上查看的時候,會發(fā)現(xiàn)字體模糊获印,所有使用了hidpi-canvas.js這個文件對繪制進行了處理述雾。
2.選擇文件后瀏覽器會有一段卡住的狀態(tài),但在這個時候去繪制一個loading顯示加載卻無效兼丰,還有待解決玻孟。
3.還一個是文字間距,上下比較好處理鳍征,但是左右遇到單字節(jié)字符這個處理就有問題了黍翎,大家看看有什么辦法解決,歡迎給我留言艳丛。O(∩_∩)O哈哈~