具有透明/不透明度的区间中的canvas fillStyle

Question

这个小代码在间隔中清除旧的画布数据:

// 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

使用rgba(0,0,0,.2)fillStyle并fillRect()在chrome和firefox上为我工作 - 它描绘了一个半透明的黑色填充.检查以确保你没有做任何导致某种完全不透明的油漆的东西.

Answer 2

我认为这将解决您的问题

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