javascript - Canvas fillStyle 间隔透明/不透明

Question

这段小代码间隔清除旧 Canvas 数据:

// start interval
ctx.save();
    ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
    ctx.fillRect(0, 0, ctx.width, ctx.height);
ctx.restore();
//some draw code for new graph
...
//end interval

我的工作区域变黑了，因为我将黑色设置为填充颜色 (rgba(0, 0, 0, .2))，但我需要透明背景，而不是黑色。

我尝试使用 globalAlpha 和 imagePutData 但我失败了。

我该怎么做？

Answer 1

我认为这会解决您的问题

ctx.fillStyle = "rgba(255, 255, 255, 0.5)";