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


Spirale - live

Se riesci a leggere questo, il tuo browser non supporta Canvas.
var AMPIEZZA = ;
var segmento =;// lunghezza
var CentroXcanvas = 200; var CentroYcanvas = 150;
ctx.moveTo(CentroXcanvas, CentroYcanvas);// inizio disegno al centro canvas
ctx.beginPath();
for (i = 0; i != 720; i++) {
angolo = segmento * i;
x = CentroXcanvas + (1 + AMPIEZZA * angolo) * Math.cos(angolo);
y = CentroYcanvas + (1 + AMPIEZZA * angolo) * Math.sin(angolo);
ctx.lineTo(x, y);// nuovo segmento
}
ctx.strokeStyle = ''; // colore spirale
ctx.stroke();// disegna


Disegna in circolo dei segmenti di piccol lunghezza creando una spirale




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