Vlastnost HTML plátna shadowOffsetX
Příklad
Nakreslete obdélník se stínem umístěným 20 pixelů vpravo (od levé pozice obdélníku):
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);
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
| Property | |||||
|---|---|---|---|---|---|
| shadowOffsetX | Yes | 9.0 | Yes | Yes | Yes |
Definice a použití
Vlastnost shadowOffsetX nastavuje nebo vrací vodorovnou vzdálenost stínu od tvaru.
shadowOffsetX=0 označuje, že stín je přímo za tvarem.
shadowOffsetX=20 označuje, že stín začíná 20 pixelů vpravo (od levé pozice tvaru).
shadowOffsetX=-20 označuje, že stín začíná 20 pixelů vlevo (od levé pozice tvaru).
Tip: Chcete-li upravit svislou vzdálenost stínu od tvaru, použijte vlastnost shadowOffsetY .
| Výchozí hodnota: | 0 |
|---|---|
| Syntaxe JavaScriptu: | kontext .shadowOffsetX= číslo ; |
Hodnoty vlastností
| Value | Description | Play it |
|---|---|---|
| number | A positive or negative number that defines the horizontal distance of the shadow from the shape |
❮ HTML Canvas Reference