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


setTransform() testo - live

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

ctx.save();// salva il contesto
ctx.beginPath(); // vuota buffer
var Testo = ""; // testo da inserire
ctx.fillStyle = ""; // colore testo
ctx.font = "pt "; // dimensioni e tipo font
ctx.fillText(Testo, , ); // posizione testo
ctx.setTransform(,,,,,); // trasformazione (a,b,c,d,e,f)
ctx.fillStyle = ""; // colore testo riflesso 
ctx.fillText(Testo, , );// posizione testo riflesso
ctx.restore(); // ripristina il contesto              

setTrasform(): permette di scalare, ruotare, spostare e inclinare il contesto.
a ridimensionamento orizzontale
b: inclinazione orizzontale
c: inclinazione verticale
d: ridimensionamento verticale
e: scostamento orizzontale
f: scostamento verticale






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