shadowOffsetY

Summary

Specifies the distance that the shadow will be offset in the positive vertical distance, in coordinate space units.

Property of apis/canvas/CanvasRenderingContext2D apis/canvas/CanvasRenderingContext2D

Syntax

var result = CanvasRenderingContext2D.shadowOffsetY;
CanvasRenderingContext2D.shadowOffsetY = 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 shadowOffsetY property, the default value is zero.

Related specifications

W3C HTML Canvas 2D Specification: W3C Candidate Recommendation

Attributions

Microsoft Developer Network: Windows Internet Explorer API reference Article