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


Trasformazioni

  • scale() Scala il disegno corrente rendendolo più grande o più piccolo

    La funzione scale() necessita di due attributi:
    attributo scala per l'asse x
    attributo di scala per l'asse y.
    Per raddoppiare le dimensioni di un oggetto, impostare entrambi i valori a 2.

  • rotate() Ruota il disegno corrente.
    L'angolo di rotazione è espresso in radianti.
    Per calcolare da gradi in radianti la formula è: gradi*Math.PI/180
    Esempio:per ruotare 25 gradi: 25*Math.PI/180

  • translate() Rimappa, spostandola, la posizione (0,0) sul <canvas>

  • transform() Sostituisce la matrice di trasformazione corrente scalando, ruotando, spostando e inclinando il contesto.

  • setTransform() Il metodo setTransform() è in grado di scalare, ruotare, spostare e inclinare il contesto.
    Può essere usato per ripristinare la corrente trasformazione.
    setTransform (a, b, c, d, e, f);
    a    Scala i disegni orizzontalmente
    b    Distorce i disegni orizzontalmente
    c    Distorce i disegni verticalmente
    d    Scala disegni verticalmente
    e    Sposta i disegni orizzontalmente
    f    Sposta i disegni verticalmente
Questo metodo è comprensivo dei metodi scale(), rotate(), translate() .




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