帆布痕迹留下..。小径

Question

在画布中做动画时，一个常见的方法是用半透明的颜色或渐变覆盖你的整个上下文。如下所示：

context.fillStyle = 'rgba(255, 255, 255, .05)';
context.fillRect(0, 0, canvas.width, canvas.height);

// ...draw your next frame

许多关于如何创建路径的示例使用这种方法(我没有编写这些示例中的任何一个)：

• http://codepen.io/gbnikolov/pen/VLLgRW
• http://www.html5gamedevs.com/topic/13621-best-way-to-create-fading-trails/
• http://www.growingwiththeweb.com/2012/10/creating-trail-effect-with-canvas.html

然而，所有这些似乎都留下了一个稍微褪色了“小径”的痕迹，所以这条线索永远不会消失。我知道有其他的方法来创造线索，但我的主要问题是：

为什么足迹没有完全褪色呢？为什么添加更多的多层褪色的颜色构成了完整的颜色？

谢谢你帮我解决困惑的大脑。

Answer 1

你可以试着在创建每一帧的痕迹后面填充一个矩形，只需将颜色设置为画布的任何背景颜色即可。当它到达一定的长度后，它应该会掩盖它的踪迹。