shadowColor¶

Свойство shadowColor устанавливает/возвращает цвет теней графического объекта.

Примечание: Чтобы создать тень для графического объекта, используется свойство shadowColor вместе со свойством shadowBlur. Положение тени устанавливается при помощи свойств shadowOffsetX и shadowOffsetY.

Синтаксис¶

context.shadowColor=цвет;

Значения¶

Значение по умолчанию: #000000

цвет: CSS значение цвета для тени.

Спецификация¶

HTML Living Standard

Примеры¶

Нарисуем красный прямоугольник с черной тенью:

JavaScript:

var c = document.getElementById('myCanvas')
var ctx = c.getContext('2d')
ctx.shadowBlur = 20
ctx.shadowColor = 'black'
ctx.fillStyle = 'red'
ctx.fillRect(20, 20, 100, 80)

Результат:

Ссылки¶

shadowColor на MDN