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


Trasparenze Alpha - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
Raggio = 80;  //raggio dei cerchi
XccA = 160, YccA = 110;//Centro circonverenza A
XccB = 170, YccB = 190;//Centro circonverenza B
XccC = 240, YccC = 130;//Centro circonverenza C
ctx.beginPath();ctx.fillStyle="rgba(,,,)";// circonverenza A
ctx.arc(XccA,YccA,Raggio,0,Math.PI*2); 
ctx.stroke(); ctx.fill();
ctx.beginPath();ctx.fillStyle="rgba(,,,)";// circonverenza B
ctx.arc(XccB,YccB,Raggio,0,Math.PI*2,false); 
ctx.stroke(); ctx.fill();  
ctx.beginPath();ctx.fillStyle="rgba(,,,)";// circonverenza C
ctx.arc(XccC,YccC,Raggio,0,Math.PI*2,false); 
ctx.stroke(); 
ctx.fill();


Per ciascuno dei 3 colori RGB inserire un valore fra 0 e 255.
Per il canale alpha, in quarta posizione di ciascun colore, inserire un valore fra 0 e 1 



 




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