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


strokeText, contorno e riempimento - live

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

ctx.beginPath(); // vuota buffer
ctx.fillStyle = ''; // colore rettangolo sfondo
ctx.fillRect(0,0,400,300);// applica
var text = "";
var x = 20; var y = 120;
ctx.font = "px "
ctx.strokeStyle = ''; // colore controno testo
ctx.lineWidth = ; // dimensione contorno del testo
ctx.strokeText(text, x, y);
ctx.fillStyle = '';// colore riempimento testo
ctx.fillText(text, x, y);

strokeStyle: colore controno del testo
fillStyle: colore riempimento del testo

strokeText(): Disegna il testo sul canvas (riempimento per effetto dei comandi precedenti)




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