HTML5 canvas in tempo reale

Effetto animazione - live

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

var canvas = document.querySelector("canvas");
var ctx = canvas.getContext("2d");
function drawCircle(LunRaggio) {// disegna circonverenza
ctx.clearRect(0, 0, 400, 300);// pulisce/vuota canvas
ctx.beginPath(); // nuovo percorso
var raggio = LunRaggio; // nuova lunghezza raggio 
ctx.arc(200, 150, raggio, 0, Math.PI * 2, false);
ctx.closePath();
ctx.fillStyle = "#990000";// colore della circonferenza
ctx.fill();
}
var LunRaggio = 1; var I = 1; // avvio, lunghezza raggio e  valore inceremento
setInterval(function(){ // usa il timere per eseguire all'infinito
LunRaggio = LunRaggio + I; // incrementa il raggio LunRaggio = 119
if(LunRaggio == 130 || LunRaggio == 1){I = I * -1;}// se valore max o min inverte incremento
drawCircle(LunRaggio) // chiama fubzione che disegna circonferenza
}, 50); // velocità di aggiornamento

Acquistabile da:
• bookrepublic
• ebook LeggoOggi.it
• EURONICS
• freeonline
• Gola Ad
• GPLAY
• HOEPLI
• iTunes
• kobo
• omnia BUK
• SECRETARY
• StreetLib

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.