Свойство shadowColor устанавливает/возвращает цвет теней графического объекта.
Примечание: Чтобы создать тень для графического объекта, используется свойство shadowColor вместе со свойством shadowBlur. Положение тени устанавливается при помощи свойств shadowOffsetX и shadowOffsetY.
Значение по умолчанию: | #000000 |
JavaScript синтаксис: | context.shadowColor=цвет; |
Возможные значения
Значение | Описание |
---|---|
цвет | CSS значение цвета для тени. Значение по умолчанию #000000 |
Пример использования
Нарисуем красный прямоугольник с черной тенью:
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);