Proprietà shadowOffsetY del canvas HTML
Definizione e uso
shadowOffsetY Proprietà che imposta o restituisce la distanza verticale tra la forma e l'ombra.
shadowOffsetY=0Indica che l'ombra è direttamente sotto la formashadowOffsetY=20Indica che l'ombra è 20 pixel sotto la posizione top della formashadowOffsetY=-20Indica che l'ombra è 20 pixel sopra la posizione top della forma
Suggerimento:Per modificare la posizione orizzontale dell'ombra, utilizzare shadowOffsetX Proprietà.
Esempio
Disegna un rettangolo con un'ombra spostata di 20 pixel in basso (dalla posizione top del rettangolo):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Sintassi
context.shadowOffsetY=number;
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| number | Valore positivo o negativo, definisce la distanza verticale dell'ombra rispetto alla forma. |
Dettagli tecnici
| Valore predefinito: | 0 |
|---|
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta per la prima volta questa proprietà.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.
