Atrybut shadowBlur dla HTML canvas
Definicja i użycie
shadowBlur Ustawienie lub zwracanie poziomu rozmycia cienia.
Przykład
Narysuj niebieski prostokąt z czarnym cieńmi, stopień rozmycia wynosi 20:
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.shadowBlur=number;
Wartość atrybutu
| Wartość | Opis |
|---|---|
| number | Poziom rozmycia cienia |
Szczegóły techniczne
| Domyślna wartość: | #000000 |
|---|
Wsparcie przeglądarek
Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje 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:Internet Explorer 8 i wcześniejsze wersje nie obsługują elementu <canvas>.
