fillStyle tela en intervalos con transparencia/opacidad

Question

Este pequeño código claras datos de lona viejos en el intervalo:

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

Mi área de trabajo se convierten en negro, porque me puse negro como color de relleno (RGBA (0, 0, 0, .2)), pero necesito un fondo transparente, no negro.

He intentado utilizar globalAlpha y imagePutData pero he fallado.

¿Cómo puedo hacer esto?

Answer 1

Usando un rgba(0,0,0,.2) fillStyle y fillRect() funciona para mí tanto en Chrome como en Firefox - pinta un relleno negro semitransparente. Verifique para asegurarse de que no esté haciendo otra cosa que esté causando una pintura completamente opaca de algún tipo.

Answer 2

intento ctx.canvas.width, en lugar de ctx.width

Answer 3

creo que esto va a resolver su problema

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