如何用HTML5中的canvas实现渐变文字的效果

ctx.font="30px Verdana";

  // Create gradient

  var gradient=ctx.createLinearGradient(0,0,c.width,0);

  gradient.addColorStop("0","orange");

  gradient.addColorStop("0.5","blue");

  gradient.addColorStop("1.0","red");

  // Fill with gradient

  ctx.fillStyle=gradient;

  ctx.fillText("have a nice day ",10,100);