翻牌網頁繪圖

核⼼為⼀組 JavaScript API ，提供可⽤於翻⾴、翻牌、瞇牌所需的基本操作，也就是，對基本圖檔動態地截取片段，使截切的圖像能在網⾴畫⾯上以旋轉、層疊、拼合⽅式呈現。 API 需提供可設定幾種參數功能： 1. 圖片與翻牌區域呈現多⼤的尺⼨； 2. 觸發可翻牌動作的邊緣值：可能以隱形的⽅形外框模板塑造觸發區； 3. 在圖像邊緣的翻牌點； 4. 折牌的⽅向與距離； 5. 能設定在翻折之處疊上另外⼀張襯圖：例如指頭遮擋的畫⾯。 運作模式定義：以⽅形圖片平⾯的邊線處可以翻折並向內拉⼀定的距離。翻折區域為不等四邊形或三⾓形。 技術難度在於隨著任何互動操作，將翻折的片段圖片與置底的片段圖片的縫合，以及操控的內部座標的控制 不在核⼼範圍的功能 1. 對具體的牌⾊圖樣，要每⼀邊能翻折到多裡⾯，是在整合設計時處理。 2. 不做圖片圖樣的分析：包括牌⾊具體圖樣的探測，以及指頭遮擋的透明層 / 非透明層的探測。 3. 翻牌的網⾴區域，為外在限制因素：如果外圍區域太⼩，甚⾄比牌更⼩，理當無可順暢翻牌。 4. 翻轉整張圖片是另⼀種比較普遍的操作，稱為 flip 或 slide