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


fillText - live

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

ctx.beginPath(); // vuota buffer
 ctx.font = "50px Arial";// tipo e dimensione font
 var gradient = ctx.createLinearGradient(0, 0, , 0);// zona  gradiente
 gradient.addColorStop("0", " "); // colori del gradiente
 gradient.addColorStop("0.5", "");
 gradient.addColorStop("1.0", ""); 
ctx.fillStyle = gradient; // applica gradiente
ctx.fillText("", 0, 100); // testo disegnato
ctx.rect(0,60,,50); // rettengolo per evidenziare zona elaborata
ctx.stroke() // disegna il rettangolo

fillText: Disegna testo "pieno"




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