在像Photoshop Free Transform＆gt;这样的画布中包裹一些东西。经

Question

我打算用HTML5 Canvas构建一些花哨的笔记本页面撕裂动画效果。我不是Javascript的新手，虽然我是HTML5 Canvas的新手。它看起来并不复杂。在浏览了很多教程后，我无法弄清楚如何获得类似Photoshop的Free Transform Warp这样的功能。我的想法是绘制整个页面，然后，对于每个动画帧，使用某种扭曲来不同地翻译它。这是可以使用转换方法还是我必须为此编写自己的方法？看到这张经线的截图我很快就画了：

您可能想知道为什么不使用二次曲线绘制自定义形状？好吧，我也希望将渐变图案包裹起来。所以我想要绘制一个普通页面，然后使用某种翘曲变换它，使网格翘曲......