Canvas shadowOffsetX egenskap

Canvas referenshandbok

Definition och användning

shadowOffsetX Egenskapsinställningar eller återgivning av horisontellt avstånd mellan form och skugga.

  • shadowOffsetX=0 Indikerar att skuggan ligger strax 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:För att justera avståndet till formen vertikalt, använd shadowOffsetY Egenskaper.

Exempel

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

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

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

亲自试一试

语法

context.shadowOffsetX=number;

属性值

值 描述
number 正值或负值，定义阴影与形状的水平距离。

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.

Canvas referenshandbok