HTML propriedade shadowOffsetX lona
HTML Manual de lona Referência
Exemplos
Desenhe um retângulo com um deslocamento para a direita 20 sombreamento de pixel (a partir da posição esquerda do retângulo):
JavaScript:
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
tente »
Suporte a navegadores
Internet Explorer 9, Firefox, Opera, Chrome e Safari apoio shadowOffsetX propriedade.
Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.
Definição e Uso
shadowOffsetX conjuntos de propriedades ou retorna a forma da sombra e a distância horizontal.
shadowOffsetX = 0 indica logo abaixo da sombra localizado.
shadowOffsetX = 20 indica a forma da sombra sobre a posição da esquerda à direita 20 pixels.
shadowOffsetX = -20, indicando a forma de sombra do 20-pixel posição à esquerda, à esquerda.
Dica: Para ajustar a distância vertical entre as sombras e formas, use shadowOffsetY propriedade.
| padrão: | 0 |
|---|---|
| sintaxe JavaScript: | contexto.shadowOffsetX = número; |
Valor de propriedade
| 值 | 描述 |
|---|---|
| number | 正值或负值，定义阴影与形状的水平距离。 |
HTML Manual de lona Referência