HTML nieruchomość płótno shadowOffsetX
HTML Instrukcja płótno referencyjny
Przykłady
Narysuj prostokąt z przesunięciem do prawego 20 cieniowania pikseli (od lewej pozycji prostokąta):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Spróbuj »
Pomoc Browser
Internet Explorer 9, Firefox, Opera, Chrome i Safari obsługa nieruchomości shadowOffsetX.
Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.
Definicja i Wykorzystanie
zestawy własności shadowOffsetX lub zwraca kształt cienia i odległości poziomej.
shadowOffsetX = 0 oznacza, tuż poniżej cienia znajduje kształtu.
shadowOffsetX = 20 wskazuje na kształt cienia na prawej lewej pozycji 20 pikseli.
shadowOffsetX = -20 wskazuje kształt cienia 20 pikseli lewym położeniu na lewo.
Wskazówka: Aby ustawić odległość pionową od cieni i kształtów, użyj shadowOffsetY nieruchomości.
Domyślnie: | 0 |
---|---|
Składnia JavaScript: | Kontekst.shadowOffsetX = liczba; |
Wartość nieruchomości
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的水平距离。 |
HTML Instrukcja płótno referencyjny