Exemplo
Desenhe um retângulo com uma sombra colocada 20 pixels abaixo posição superior 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="red";
ctx.fillRect(20,20,100,80); Tente você mesmo " Suporte navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| shadowOffsetY | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
Os conjuntos de propriedades shadowOffsetY ou retorna a distância vertical da sombra da forma.
shadowOffsety = 0 indica que a sombra é bem atrás da forma.
shadowOffsetY = 20 indica que a sombra começa 20 pixels abaixo da posição de topo da forma.
shadowOffsetY = -20 indica que a sombra começa 20 pixels acima da posição superior da forma.
Tip: Para ajustar a distância horizontal da sombra da forma, use o shadowOffsetX propriedade.
| Valor padrão: | 0 |
|---|---|
| sintaxe JavaScript: | context .shadowOffsetY= number ; |
Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| number | Um número positivo ou negativo que define a distância vertical da sombra da forma | Jogue " |
<Object Canvas