Canvas

Canvas Gradiente

Borde del lienzo en azul
Tres colores de gradiente: rojo-azul-amarillo en 3 fases
Sombras:
var gradiente1 = lienzo.createLinearGradient(0, 0, 500, 0);
gradiente1.addColorStop(0, "red");
gradiente1.addColorStop(0.5, "blue");
gradiente1.addColorStop(1, "yellow");
lienzo.fillStyle = gradiente1;
lienzo.fillRect(0, 0, 500, 300);