A canvas text-shadow radialGradient example

function canvasReady() {
  draw(document.getElementById('canvas').getContext('2d'));
}
function draw(ctx) {
  // Create gradients
  var radgrad = ctx.createRadialGradient(45,45,10,52,50,30);
  radgrad.addColorStop(0, '#A7D30C');
  radgrad.addColorStop(0.9, '#019F62');
  radgrad.addColorStop(1, 'rgba(1,159,98,0)');

  ctx.textBaseline = "top";
  ctx.font = "36pt Arial";
  ctx.fillStyle = radgrad;
  ctx.strokeStyle = radgrad;

  var text = setShadow(ctx, "black", 10, 10, 4);
  ctx.fillText("fillText: "       + text, 20, 20);
  ctx.strokeText("strokeText: "   + text, 20, 80);
}
function setShadow(ctx, color, ox, oy, blur) {
  ctx.shadowColor = color;
  ctx.shadowOffsetX = ox;
  ctx.shadowOffsetY = oy;
  ctx.shadowBlur = blur;
  return [color, ox, oy, blur].join(", ");
}