tutoriais mais recente desenvolvimento web
 

HTML canvas shadowOffsetX Propery

<Object Canvas

Exemplo

Desenhe um retângulo com uma sombra colocada 20 pixels para a direita (from the rectangle's left position) :

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=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
shadowOffsetX 4.0 9 3,6 4.0 10.1

Definição e Uso

Os shadowOffsetX conjuntos de propriedades ou retorna a distância horizontal da sombra da forma.

shadowOffsetX = 0 indica que a sombra é bem atrás da forma.

shadowOffsetX = 20 indica que a sombra começa 20 pixels para a direita (from the shape's left position) .

shadowOffsetX = -20 indica que a sombra começa 20 pixels para a esquerda (from the shape's left position) .

Tip: Para ajustar a distância vertical da sombra da forma, use o shadowOffsetY propriedade.

Valor padrão: 0
sintaxe JavaScript: context .shadowOffsetX= number ;

Valores de propriedade

Valor Descrição Jogue
number Um número positivo ou negativo que define a distância horizontal da sombra da forma Jogue "

<Object Canvas