Specifies the distance that the shadow will be offset in the positive horizontal distance, in coordinate space units.
Property of apis/canvas/CanvasRenderingContext2Dapis/canvas/CanvasRenderingContext2D
Syntaxvar result = CanvasRenderingContext2D.shadowOffsetX;
CanvasRenderingContext2D.shadowOffsetX = value;
Return Value
Returns an object of type NumberNumber
Examples<canvas id="myCanvas" width="300" height="150" style="border:1px solid blue;"></canvas>
<p>. . .</p>
<script>
var can=document.getElementById("myCanvas");
var ctxt=can.getContext("2d");
ctxt.shadowBlur=15;
ctxt.shadowOffsetX=10;
ctxt.shadowOffsetY=10;
ctxt.shadowColor="blue";
ctxt.fillStyle="orange";
ctxt.fillRect(30,20,100,100);
</script>
Notes
You can use positive or negative values to control the position of a shadow. If you do not specify the shadowOffsetX property, the default value is zero.
Related specificationsMicrosoft Developer Network: Windows Internet Explorer API reference Article
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4