• HTML
• JS

HTML

<canvas width="700" height="500" id="texto"></canvas>

JS

var texto = document.getElementById("texto");
var ctx   = texto.getContext("2d");

// Crear trazo del texto

ctx.font        = "italic 50px Arial";
ctx.strokeStyle = "#154360";
ctx.strokeText("Aquí estoy de nuevo...",30,60);


// Crear gradiente

var gradiente = ctx.createLinearGradient(0,0,texto.width,0);
gradiente.addColorStop("0.5","magenta");
gradiente.addColorStop("0.6","blue");
gradiente.addColorStop("1","red");

// Rellenar gradiente

ctx.strokeStyle = gradiente;
ctx.strokeText("Aquí estoy de nuevo...", 30,120);