Atrybut Canvas shadowOffsetX
Definicja i użycie
shadowOffsetX
Atrybut ustawia lub zwraca poziomą odległość kształtu od cienia.
shadowOffsetX=0
Wskaźnik, że cień znajduje się dokładnie pod kształtemshadowOffsetX=20
Wskaźnik, że cień znajduje się 20 pikseli po prawej stronie pozycji left kształtushadowOffsetX=-20
Wskaźnik, że cień znajduje się 20 pikseli po lewej stronie pozycji left kształtu
Wskazówka:Aby dostosować odległość wertykalną od kształtu, użyj shadowOffsetY Atrybuty.
Przykład
Narysuj prostokąt z przesuniętym w prawo cieniem o 20 pikseli (od lewej strony prostokąta):
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; ctx.shadowOffsetX=20; ctx.shadowColor="black"; ctx.fillStyle="blue"; ctx.fillRect(20,20,100,80);
Gramatyka
context.shadowOffsetX=number;
Wartość atrybutu
Wartość | Opis |
---|---|
number | Liczba dodatnia lub ujemna definiuje poziomą odległość cienia od kształtu. |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|
Obsługa 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 |
Uwaga:Internet Explorer 8 i wcześniejsze wersje nie obsługuje elementu <canvas>.