Esempio
Disegnare un rettangolo rosso con un ombra nera:
JavaScript:
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80); Prova tu stesso " Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| shadowColor | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'utilizzo
Gli insiemi di proprietà ShadowColor o restituisce il colore da utilizzare per le ombre.
Note: Utilizzare la proprietà shadowColor insieme al shadowBlur proprietà per creare un'ombra.
Tip: Regolare l'ombra utilizzando i shadowOffsetX e shadowOffsetY proprietà.
| Valore di default: | # 000000 |
|---|---|
| sintassi JavaScript: | context .shadowColor= color ; |
I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| color | Il valore di colore CSS da utilizzare per le ombre. Il valore di default è # 000000 | Gioca " |
<Oggetto Tela