Easy Tutorial
❮ Prop Anchor Type Jsref Getday ❯

HTML Canvas shadowColor Property

Canvas Object

Example

Draw a red rectangle with a black shadow:

JavaScript:


Browser Support

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

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


Definition and Usage

The shadowColor property sets or returns the color to use for shadows.

Note: Use the shadowColor property together with the shadowBlur property to create shadows.

Tip: Adjust the shadow effect by using the shadowOffsetX and shadowOffsetY properties.

Default value: #000000
JavaScript syntax: context.shadowColor = color;
--- ---

Property Values

Value Description
color The CSS color value to use for the shadow

Canvas Object

❮ Prop Anchor Type Jsref Getday ❯