Proprietà shadowOffsetY del canvas
Definizione e uso
shadowOffsetY Proprietà che impostano o restituiscono la distanza verticale tra la forma e l'ombra.
shadowOffsetY=0Indica che l'ombra si trova esattamente sotto la formashadowOffsetY=20Indica che l'ombra si trova 20 pixel sotto la posizione superiore della formashadowOffsetY=-20Indica che l'ombra si trova 20 pixel sopra la posizione superiore della forma
Suggerimento:Per regolare la distanza orizzontale dalla forma, utilizzare shadowOffsetX Attributi.
Esempio
Disegna un rettangolo con un'ombra spostata di 20 pixel in basso (dalla posizione superiore 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 | Il valore positivo o negativo definisce la distanza verticale tra l'ombra e la forma. |
Dettagli tecnici
| Valore predefinito: | 0 |
|---|
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente 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>.
