設定遮罩和陰影之後的最終品：
主要原理：
設定遮罩:當頁邊捲起時,層1僅顯示四邊形fbde內部分,層2僅顯示abcd部分,層3僅顯示bghd部分.
旋**層2內的內容要隨著滑鼠運動而不停變換傾斜角度,其角度始終與ac邊斜度一致.
翻頁:當頁面完全翻過時,層1的當前頁數=當前頁數+1
程式的核心在於如何獲得四個點abcd的座標,我使用的是求垂直平分線的方法,既:點c是滑鼠位置,點h是頁角位置,bd既為此兩點間的垂直平分線.由已知的c,h座標求出直線bd的一次函式y=kx+b以後再求出其與fg,eh的切點,既得點b,d座標,點a是點g於直線bd的對稱點,通過求點g對bd的對稱點既可得點a座標.
demo1: 4個頂點的計算:將滑鼠移到黃色熱區並拖動
其他幾個要點:
限制c點範圍:當滑鼠在下圖灰色區域內時,點c的座標既等於滑鼠座標,當滑鼠離開灰色區域時,點c必須停留在區域內.弧kml是以點j為圓心,kj為半徑的圓,弧knl是以點i為圓心,ik為半徑的圓(demo1既未限制c點範圍,若滑鼠超過弧形區域就會出錯.
響應事件:設定4個熱區,分別位於書的4個頂點,分別設定rollover,rollout,releaseoutside,release事件函式.事實上這一部分函式編寫極費時間,需要考慮各種各樣的可能性和針對性的處理方法.
滑鼠吸附及黏滯:當滑鼠進入熱區和快速移動時,頁角是逐漸黏附向滑鼠的,這樣可以使動畫看上去更流暢.demo4設定了吸附,demo1沒有設定.
陰影:翻頁時的陰影須時刻與直線bd的位置保持一致,書的背景陰影要考慮到首頁和末頁兩個特殊情況.
首頁與末頁:在翻動到首頁與末頁時層3遮罩須重新設定為整本書寬的1/2
電子書收藏
以下是我蒐集的電子書備份。1.網路硬體 完整版 日 三輪賢一 著，盛榮 譯 人民郵電出版社 2015年8月第1版 2.python學習手冊 第4版 mark lutz 著 李軍 劉紅偉 等譯 機械工業出版社 2011年4月第1版 3.android軟體安全與逆向分析 豐生強著 人民郵電出版社 201...
豆瓣電子書
import requests import urllib.request from bs4 import beautifulsoup import csv 目標資料 書名作者 日期 評分評價人數 headers key key ascii urllib.request.quote key book...
開源電子書
語言相關類 讀書筆記及其它 測試相關 智慧型系統git 簡易指南 猴子都能懂的git入門 git 參考手冊 pro git pro git 中文版 整理在gitbook上 git magic gotgithub git權威指南 git community book 中文版 mercurial 使用教...