HTML5 canvas in tempo reale

setTransform(), animazione - live

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

ctx.fillStyle="red";
var x=1;
function EsegueAnimazione(){
ctx.clearRect(0, 0, canvas.width, canvas.height);
 ctx.save();
 //setTransform(X_scala, X_girato, Y_girato Y_scala, dx, dy) 
ctx.setTransform(5, 5, x *.7, 1, x * .7, x *.7);
ctx.fillRect(x + 10, x, x + 10, x + 20);
ctx.restore();
 x+=0.1;
 setTimeout(function(){EsegueAnimazione()},200);
}
EsegueAnimazione();

setTransform(): uso per enimazione

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.