HTML холст shadowOffsetY недвижимость
примеров
Нарисуйте прямоугольник с тенью смещением вниз на 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);
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Попробуйте »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддержка shadowOffsetY собственности.
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
shadowOffsetY наборов свойств или возвращает расстояние по вертикали теневой формы.
shadowOffsety = 0 указывает на то чуть ниже тени расположены формы.
shadowOffsetY = 20 указывает на то форма тени расположена на 20 пикселов ниже верхней позиции.
shadowOffsetY = -20, указывающий форму тени 20-пиксельных верхних позиций выше.
Совет: Для того, чтобы скорректировать форму тени и горизонтального расстояния, используйте shadowOffsetX свойство.
По умолчанию: | 0 |
---|---|
Синтаксис JavaScript: | Контекст.shadowOffsetY = число; |
Значение свойства
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的垂直距离。 |