Перейти к содержанию

shadowOffsetY

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

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

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

Синтаксис

context.shadowOffsetY=число;

Значения

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

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

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

Пример

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

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)
Ваш браузер не поддерживает HTML5 тег canvas.

Ссылки