Latest web development tutorials

HTML nieruchomość płótno shadowOffsetY

HTML Instrukcja płótno referencyjny HTML Instrukcja płótno referencyjny

Przykłady

Rysuje prostokąt cienia offsetowego dół 20 pikseli (w górnym położeniu 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 »

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome i Safari obsługa nieruchomości shadowOffsetY.

Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.

Definicja i Wykorzystanie

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

shadowOffsety = 0 oznacza, tuż poniżej cienia znajduje kształtu.

shadowOffsetY = 20 oznacza, że ​​kształt cienia znajduje się na 20 pikseli poniżej górnej pozycji.

shadowOffsetY = -20 wskazując kształt cieniu 20-pikselowych najwyższych pozycjach powyżej.

Wskazówka: Aby zmienić kształt cienia i odległości poziomej, należy shadowOffsetX nieruchomości.

Domyślnie: 0
Składnia JavaScript: Kontekst.shadowOffsetY = liczba;

Wartość nieruchomości

值 描述
number 正值或负值，定义阴影与形状的垂直距离。

HTML Instrukcja płótno referencyjny HTML Instrukcja płótno referencyjny