HTML canvas shadowOffsetX-egenskap

HTML5 Canvas-referenshandbok

Definition och användning

shadowOffsetX Egenskapen anger eller returnerar avståndet mellan formen och skuggan på horisontal nivå.

  • shadowOffsetX=0 Indikerar att skuggan ligger direkt under formen
  • shadowOffsetX=20 Indikerar att skuggan ligger 20 pixlar till höger om formens left-position
  • shadowOffsetX=-20 Indikerar att skuggan ligger 20 pixlar till vänster om formens left-position

Tips:Om du vill justera avståndet till formen vertikalt, använd shadowOffsetY Egenskaper.

Exempel

Rita en rektangel med en skugga som är 20 pixlar till höger (från rektanglets left-position):

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

JavaScript:

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

Prova själv

Syntax

context.shadowOffsetX=number;

Egenskapsvärde

Värde Beskrivning
number Positivt eller negativt värde, definierar skuggans horisontella avstånd från formen.

Tekniska detaljer

Standardvärde: 0

Webbläsarstöd

Tal i tabellen anger den första webbläsarversionen som fullständigt stöder denna egenskap.

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