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


Quadrato con gradiente ruotato a spirale testo - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
var Lato = CentroX = CentroY = ;
var T=1; // base variazioni
gradiente = ctx.createLinearGradient(CentroX,CentroY,Lato,Lato);
gradiente.addColorStop(0,'');
gradiente.addColorStop(1,'');
ctx.fillStyle= gradiente;
ctx.fillRect(CentroX,CentroY,Lato,Lato);// controno
ctx.strokeStyle = "";
ctx.strokeRect(CentroX,CentroY,Lato,Lato);
for (var i=0;i !=10;i++){
ctx.translate(Lato/2,Lato/2);
ctx.rotate(Math.PI/180*5*(i+1));
T = T * ; // base variazione
ctx.scale(T,T);
ctx.translate(-Lato/2,-Lato/2);
ctx.fillRect(CentroX,CentroY,Lato,Lato);
ctx.strokeRect(CentroX,CentroY,Lato,Lato);
}




 




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