Latest web development tutorials

HTML propriedade shadowOffsetY lona

HTML Manual de lona Referência HTML Manual de lona Referência

Exemplos

Desenhe um retângulo com um deslocamento para baixo 20 pixels (a partir da posição superior do retângulo) sombra:

YourbrowserdoesnotsupporttheHTML5canvastag.

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 »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari apoio propriedade shadowOffsetY.

Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.

Definição e Uso

shadowOffsetY conjuntos de propriedades ou retorna a distância vertical da sombra.

shadowOffsety = 0 indica logo abaixo da sombra localizado.

shadowOffsetY = 20 indica a forma da sombra está localizada em 20 pixels abaixo da posição superior.

shadowOffsetY = -20 indicando a forma da sombra das posições de topo de 20 pixels acima.

Dica: Para ajustar a forma da sombra e da distância horizontal, use shadowOffsetX propriedade.

padrão: 0
sintaxe JavaScript: contexto.shadowOffsetY = número;

Valor de propriedade

值 描述
number 正值或负值，定义阴影与形状的垂直距离。

HTML Manual de lona Referência HTML Manual de lona Referência