切割翻頁效果（一）

前段時間根據朋友的一個提議做了個翻頁動畫。效果跟水果忍者切割相似。如圖   效果過程大致如下： 1）根據手勢痕跡將當前圖片分割爲兩部分； 2）將分割後的圖片拉開一段距離，並適度放大圖片，以模擬向屏幕外彈起效果，同時露出底層圖片； 3）錯位移動分割後的圖片；   首先遇到的問題是如何對圖片進行分割。我選擇採用canvas.clipPath來實現；採用這種方法就要先確定PATH中各個節點的座標； 起初

>>阅读原文<<