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


Rettangoli, riassunto comandi - live

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

ctx.beginPath(); // vuota buffer
ctx.strokeStyle = "";// //colore lati del rettangolo
ctx.fillStyle = "";//colore riempimento del rettangolo  
ctx.rect(,,,); // Disegna un rettangolo con il metodo rect()
ctx.fillRect(,,,); //disegna il rettangolo con area colorata con il metodo fillRect()
ctx.strokeRect(,,,); //disegna il contorno del rettangolo con il metodo strokeRect()
ctx.stroke();
/**************************/
ctx.fillRect(,,,); // Disegna un rettangolo con il metodo fillRect()
ctx.clearRect(,,,); // Cancella uno spazio rettangolare all'interno del rettangolo disegnato in precedenza 
/***************************/

rect():Crea un rettangolo
fillRect():Disegna un rettangolo con l'area del colore definito
strokeRect(): Disegna un rettangolo (senza riempimento)
clearRect(): Cancella i pixel specificati all'interno di un rettangolo dato




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