htmlcanvas冻结动画

我正在寻找使用这个插件。在我的版本中，我会有雪，一旦用户擦除了50％的canvas我想再次出现雪（canvas）的部分，好像它再次冻结，但像有人吹热风一样减速在上面。

http://minimal.be/lab/jQuery.eraser/

有没有办法实现这一目标？

“霜冻”效果如何起作用

该演示通过直接在canvas元素下堆叠图像元素来工作。

覆盖的canvas用“半透明的”霜冻“隐藏”该图像。霜冻由canvas上绘制的中等不透明矩形组成。

该效果通过使用合成来“擦除”使用拖动鼠标的霜来“擦除”霜。使用以下方法实现“擦除”：

context.globalCompositeOperation="destination-out"; // Now all new drawings will "erase" any existing pixels

在此效果中，当用户拖动时绘制的新圆圈将“擦除”霜冻。

添加再生效果

如果你想“重新加入”canvas：

首先在数组中添加每个新拖动圆的[x，y]。

然后创建一个连续重绘霜层的动画循环。