Atrybut Canvas shadowColor
Definicja i użycie
shadowColor Ustawia lub zwraca kolor używany do cienia.
Komentarz:shadowColor aby utworzyć cień. Używaj atrybutu together with
Wskazówka:Używaj tych atrybutów razem, aby stworzyć cień. shadowOffsetX i shadowOffsetY Atrybuty do regulacji efektu cienia.
Przykład
Narysuj prostokąt z czarnym cieniem w kolorze niebieskim:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Gramatyka
context.shadowColor=color;
Wartość atrybutu
| Wartość | Opis |
|---|---|
| color | Dla cienia Wartości kolorów CSSDomyślna wartość to #000000. |
Szczegółowe informacje techniczne
| Domyślna wartość: | #000000 |
|---|
Wspierane przeglądarki
Tabela zawiera liczby oznaczające wersje przeglądarek, które w pełni wspierają tę właściwość.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komentarz:Przeglądarki Internet Explorer 8 i wcześniejsze wersje nie obsługuje elementu <canvas>.
