Problema con canvas shadows

[oms02]

Estoy con un gráfico en un canvas y tengo que estar cometiendo algún error muy básico o muy estupido porque quiero que los puntos tengan todos el mismo shadow y en el dibujo la sombra de cada punto se va atenuando cada vez más.

http://jsfiddle.net/oms02/j5PCr/1/

Alguien me puede echar un cable y me puede decir que error estoy cometiendo??
Es que llevo toda la mañana con esto y no hay manera.

Muchas gracias.

[Panino5001]

Las propiedades del shadow hay que definirlas antes de empezar a dibujar:

Código PHP:

  <canvas id="dibujo" width="250px" height="250px"></canvas>
<script>
var x = [];
var y = [];
 
var canvas = document.getElementById('dibujo');
var ctx = canvas.getContext('2d');
 
var altura = canvas.offsetHeight;
var anchura = canvas.offsetWidth;
 
//fondo+rectangulo
ctx.fillStyle=('RGBA(230,230,230,1)');
ctx.fillRect(0,0,anchura,altura);
ctx.strokeRect(0,0,anchura,altura);
ctx.lineWidth = 1;
 
x[0]=10;
y[0]=10;
//puntos
 
for(var i=0;i<=10;i++){
 
    x[i+1] = x[i] + 20;
    y[i+1] = y[i] + 20;
    ctx.shadowOffsetX = 3;
    ctx.shadowOffsetY = 3;
    ctx.shadowBlur = 5;
    ctx.fillStyle=('rgba(255,0,0,1)');
    ctx.beginPath();
    ctx.shadowColor = 'rgba(255,0,0,1)';
    ctx.arc(x[i],y[i],1,0,2*Math.PI,true);
    ctx.closePath();
   ctx.fill(); 
   
}
</script> 
  

[oms02]

Me olvidé de contestarte panino. Funcionó a la perfección.

Muchas gracias!