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


textBaseline - live

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

 var xPos  = 75; // posizione orizzontale
 var yPos  =; // punto per allineamento testo
 ctx.font         = "12pt Arial"; // dimensione font 
 ctx.fillStyle    = "blue";  // colore font di riferimento
 ctx.textAlign    = "right";
 ctx.strokeStyle  = "red";//colore line orizzontale
 ctx.lineWidth    = 1;
 ctx.beginPath();
 ctx.moveTo(0,   yPos);
 ctx.lineTo(400, yPos);// disegna linea orizzontale
 ctx.stroke();
 ctx.font = "20pt Arial";  ctx.fillStyle = "green"; // dimensione e colore font
 ctx.textBaseline =;// tipo di allinemento
 ctx.fillText( "", 110, yPos); // testo da allineare

 textBaseline: Imposta o restituisce la linea di base 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