Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas shadowOffsetY Propery

<Płótno Przedmiot

Przykład

Rysuje prostokąt cienia umieszczony 20 pikseli poniżej najwyższej pozycji prostokąta:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Spróbuj sam "

Wsparcie przeglądarka

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.

Nieruchomość
shadowOffsetY 4.0 9.0 3.6 4.0 10,1

Definicja i Wykorzystanie

Zestawy własności shadowOffsetY lub zwraca pionową odległość cienia od kształtu.

shadowOffsety = 0 wskazuje, że cień jest tuż za kształtu.

shadowOffsetY = 20 oznacza, że ​​cień rozpoczyna 20 pikseli poniżej najwyższej pozycji kształtu.

shadowOffsetY = -20 wskazuje, że cień rozpoczyna 20 pikseli powyżej górnej pozycji kształtu.

Tip: Do regulacji odległości poziomej cienia od kształtu, należy shadowOffsetX własności.

Domyślna wartość: 0
Składnia JavaScript: context .shadowOffsetY= number ;

wartości nieruchomości

Wartość Opis Graj
number Dodatnia lub ujemna, która określa pionowy odstęp cienia od kształtu Graj "

<Płótno Przedmiot