ctx.beginPath(); // vuota buffer
var gradient = ctx.createRadialGradient(,,,,,);// crea gradiente
grd.addColorStop(0, ""); // colore iniziale
grd.addColorStop(1, "");// colore finale
ctx.fillStyle = gradient;// applica metodo
ctx.fillRect(,,,);// zona visibile
ctx.beginPath(); // vuota buffer
ctx.strokeStyle = "red";// //colore lati del rettangolo zona visibile
ctx.strokeRect(); //disegna il contorno del rettangolo
ctx.stroke();
createRadialGradient, crea un gradiente radiale fra due circonferenze delimitate da valori dati.
x0 Coordinata x della circonferenza di inizio del gradiente
y0 Coordinata y della circonferenza di inizio del gradiente
R0 Raggio della circonferenza di inizio gradente
x1 Coordinata x della circonferenza di fine gradiente
Y1 Coordinata y della circonferenza di fine gradiente
r1 Raggio della circonferenza di fine gradinete