Exemplo
Desenhe um retângulo vermelho com uma sombra preta:
JavaScript:
var c=document.getElementById("myCanvas");
var
ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Tente você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Propriedade | |||||
---|---|---|---|---|---|
shadowColor | sim | 9 | sim | sim | sim |
Definição e Uso
Os conjuntos de propriedades ShadowColor ou retorna a cor a ser usada para sombras.
Nota: Use a propriedade shadowColor juntamente com o shadowBlur propriedade para criar uma sombra.
Dica: Ajuste a sombra usando os shadowOffsetX e shadowOffsetY properties .
Valor padrão: | # 000000 |
---|---|
sintaxe JavaScript: | context.shadowColor=color; |
Os valores de propriedade
Valor | Descrição | Jogue |
---|---|---|
color | O valor de cor CSS a ser usada para sombras. O valor padrão é #000000 | Jogue " |