Javascript свойство shadowOffsetY

Свойство shadowOffsetY устанавливает/возвращает вертикальное расстояние тени от фигуры.

shadowOffsetY=0 означает, что тень находится непосредственно за фигурой.
shadowOffsetY=20 означает, что тень начинается в 20 пикселях вниз от верхнего края фигуры.
shadowOffsetY=-20 означает, что тень начинается в 20 пикселях вверх от верхнего края фигуры.

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

Значение по умолчанию: 0
JavaScript синтаксис: context.shadowOffsetY=число;

Возможные значения

Значение Описание
число Положительное или отрицательное число, которое определяет вертикальное расстояние тени от фигуры

Пример

Нарисуем прямоугольник с тенью, которая будет располагаться в 20 пикселях вниз от его верхнего края:

Ваш браузер не поддерживает HTML5 тег canvas.

JavaScript:


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