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 navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| shadowColor | 4.0 | 9 | 3,6 | 4.0 | 10.1 |
Definição e Uso
Os conjuntos de propriedades ShadowColor ou retorna a cor a ser usada para sombras.
Note: Use a propriedade shadowColor juntamente com o shadowBlur propriedade para criar uma sombra.
Tip: Ajuste a sombra usando as shadowOffsetX e shadowOffsetY propriedades.
| Valor padrão: | # 000000 |
|---|---|
| sintaxe JavaScript: | context .shadowColor= color ; |
Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| color | O valor de cor CSS a ser usada para sombras. O valor padrão é # 000000 | Jogue " |
<Object Canvas