Easy Tutorial
❮ Att Label Form Html Ascii ❯

HTML canvas shadowOffsetY Attribute

HTML canvas Reference Manual

Example

Draw a rectangle with a shadow offset 20 pixels downward (from the top position of the rectangle):

JavaScript:


Browser Support

Internet Explorer 9, Firefox, Opera, Chrome, and Safari support the shadowOffsetY property.

Note: Internet Explorer 8 and earlier versions do not support the <canvas> element.


Definition and Usage

The shadowOffsetY property sets or returns the vertical distance of the shadow from the shape.

shadowOffsetY=0 indicates the shadow is directly below the shape.

shadowOffsetY=20 indicates the shadow is 20 pixels below the top position of the shape.

shadowOffsetY=-20 indicates the shadow is 20 pixels above the top position of the shape.

Tip: To adjust the horizontal distance of the shadow from the shape, use the shadowOffsetX property.

Default value: 0
JavaScript syntax: context.shadowOffsetY= number;
--- ---

Property Values

Value Description
number A positive or negative value that defines the vertical distance of the shadow from the shape.

❮ Att Label Form Html Ascii ❯