使用canvas实现一个电子书翻页的效果。

使用canvas实现一个电子书翻页的效果。

效果

截图如下

实现

• 首先模拟翻页时的折线，过触点与触点和右下点连线的垂线，且垂线不能越过书脊。
• 将折线右边的部分的像素点映射成一个半圆柱的形状。说是半圆柱，但只是xy坐标的2d映射。
• 加上阴影来加强3d效果。
• 源码