HTML canvas shadowOffsetY egenskap

HTML5 Canvas referenshandbok

Definition och användning

shadowOffsetY Egenskapen anger eller returnerar avståndet mellan formen och skuggan i vertikal riktning.

  • shadowOffsetY=0 Indikerar att skuggan ligger direkt under formen
  • shadowOffsetY=20 Indikerar att skuggan ligger 20 pixlar nedanför formens toppposition
  • shadowOffsetY=-20 Indikerar att skuggan ligger 20 pixlar ovanför formens toppposition

Tips:Om du vill justera avståndet till formens horisontella position, använd shadowOffsetX Egenskaper.

Exempel

Rita en rektangel med en skugga som är 20 pixlar neråt (från rektanglets toppposition):

Din webbläsare stöder inte canvas-tagg.

JavaScript:

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

Prova själv

Syntax

context.shadowOffsetY=number;

Egenskapsvärde

Värde Beskrivning
number Positivt eller negativt värde, definierar avståndet mellan skuggan och formen vertikalt.

Tekniska detaljer

Standardvärde: 0

Webbläsarstöd

Numrerna i tabellen anger den första versionen av webbläsaren som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Kommentar:Internet Explorer 8 och tidigare versioner stöder inte <canvas>-elementet.

HTML5 Canvas referenshandbok