Propriedade shadowOffsetY do HTML canvas
Definição e uso
shadowOffsetY A propriedade define ou retorna a distância vertical entre a forma e a sombra.
shadowOffsetY=0Indica que a sombra está diretamente abaixo da formashadowOffsetY=20Indica que a sombra está 20 pixels abaixo da posição top da formashadowOffsetY=-20Indica que a sombra está 20 pixels acima da posição top da forma
Dica:Para ajustar a distância horizontal da forma, use shadowOffsetX Atributos.
Exemplo
Desenhar um retângulo com uma sombra deslocada 20 pixels para baixo (a partir da posição top do retângulo):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Sintaxe
context.shadowOffsetY=number;
Valor do atributo
| Valor | Descrição |
|---|---|
| number | Um valor positivo ou negativo, define a distância vertical entre a sombra e a forma. |
Detalhes técnicos
| Valor padrão: | 0 |
|---|
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou a primeira vez essa propriedade.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Observação:O Internet Explorer 8 e versões anteriores não suportam o elemento <canvas>.
