HTML canvas shadowOffsetX egenskab

HTML5 Canvas reference manual

Definition og brug

shadowOffsetX Egenskaberne indstiller eller returnerer afstanden mellem formen og skyggen på tværs.

  • shadowOffsetX=0 Indikerer, at skyggen er direkte under formen
  • shadowOffsetX=20 Indikerer, at skyggen er 20 pixels til højre for formens left-position
  • shadowOffsetX=-20 Indikerer, at skyggen er 20 pixels til venstre for formens left-position

Tip:For at justere afstanden til formens lodrette position, brug shadowOffsetY Egenskaber.

Eksempel

Tegn en rektangel med en skygge, der er 20 pixels til højre (fra rektanglets left-position):

Din browser understøtter ikke canvas-tagen.

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);

Prøv det selv

Syntax

context.shadowOffsetX=number;

Egenskabsværdi

Værdi Beskrivelse
number Positiv eller negativ værdi, der definerer skyggen og formens horisontale afstand.

Tekniske detaljer

Standardværdi: 0

Browser support

Tal i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

Bemærk:Internet Explorer 8 og ældre versioner understøtter ikke <canvas>-elementet.

HTML5 Canvas reference manual