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


textAlign - live

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

var xPos  =;// punto per allineamento testo
var yPos  = 28;// posizione verticale
ctx.font = "12pt Arial"; // dimensione font
ctx.fillStyle    = "blue"; // colore font di riferimento
ctx.strokeStyle  = "red"; //colore linea varticale
ctx.lineWidth    = 1; // dimensione linea
ctx.beginPath(); // vuota buffer
ctx.moveTo(xPos, 0);
ctx.lineTo(xPos, 300);// disegna linea verticale
ctx.stroke();
ctx.font = "24pt Arial";  ctx.fillStyle = "green"; // dimensione e colore font
ctx.textAlign = "";// tipo di allinemento
ctx.fillText(   "", xPos, 25); // testo da allineare

 textAlign: Imposta o restituisce l'allineamento corrente del testo




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