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)
Ссылки¶
- Свойство
shadowOffsetY
MDN (рус.)