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


Effetti ombra 

Per creare un shadowEffect (effetto ombra), le proprietà che possono essere manipolate sono 4.

  • shadowColor: imposta o restituisce il colore da utilizzare per le ombre.
    Il formato del colore è uno qualsiasi fra gi ammessi ad es. "#RRGGBB", testuale ecc.
  • shadowOffsetX: imposta o restituisce la distanza orizzontale dell'ombra dalla forma.
    Valore numerico numero positivo o negativo.
    esempi:

    shadowOffsetX = 0 indica che l'ombra è dietro la forma.
    shadowOffsetX = 15 indica che l'ombra inizia 15 pixel a destra (dalla posizione sinistra della figura).
    shadowOffsetX = -15 indica che l'ombra inizia 15 pixel a sinistra (dalla posizione di sinistra della forma).

  • shadowOffsetYImposta  o restituisce la distanza verticale dell'ombra dalla forma.
    Valore numerico numero positivo o negativo.
    Esempi:
    shadowOffsety = 0 indica che l'ombra è dietro la forma.
    shadowOffsetY = 15 indica che l'ombra inizia a 15 pixel in basso dalla posizione di primo piano della forma.
    shadowOffsetY = -15 indica che l'ombra inizia a 15 pixel sopra la posizione di primo piano della forma.

  • shadowBlur: La diffusione filtro di sfocatura dell'ombra. Più alto è il numero maggiore la diffusione.



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