切割翻页效果（一）

前段时间根据朋友的一个提议做了个翻页动画。效果跟水果忍者切割相似。如图   效果过程大致如下： 1）根据手势痕迹将当前图片分割为两部分； 2）将分割后的图片拉开一段距离，并适度放大图片，以模拟向屏幕外弹起效果，同时露出底层图片； 3）错位移动分割后的图片；   首先遇到的问题是如何对图片进行分割。我选择采用canvas.clipPath来实现；采用这种方法就要先确定PATH中各个节点的坐标； 起初

>>阅读原文<<