javascript - 鼠标移动时 HTML5 Canvas 淡入淡出线

Question

我用这段代码完成了淡化一行

function fadeOut(ctx, canvas) {
  ctx.fillStyle = "rgba(255,255,255,0.1)";
  ctx.fillRect(0, 0, canvas.width, canvas.height);
  setTimeout(() => fadeOut(ctx, canvas), 50);
}

但是这种褪色的问题是，它用颜色填充透明背景，这也会导致背景 div 褪色。

我想实现的褪色类型在 gartic.io 的背景画布上。

您可以查看gartic.io

标签： javascriptcanvas