Utilizzo cookies
L'e-book interattivo I colori Comandi base save() & restore() Stili di linee Rettangoli Archi e Circonferenze clip() Colori gradienti e stili Effetti Ombra Curve di Bezier Testo Trasformazioni Disegnare con Immagini Manipolazione dei Pixel Alpha trasparenza globalCompositeOperation convertire <canvas> Animazioni Grafici 20 Equazioni e spirali

HTML5 canvas in tempo reale


createRadialGradient - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.

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

 




Questo e-book è un e-book interattivo, ciò significa che il lettore può inserire dei dati nelle pagine ed il contenuto di queste si adeguerà ai nuovi valori. Per inserire i dati, nelle pagine dell’e-book, sono stati implementati dei controlli simili a quelli che si possono trovare sulle pagine Internet ed un pulsante esegui per impartire il comando di adeguare il contenuto della pagina ai nuovi valori.
Antonella Brandi
Art-designer