Exemplo
Desenhe um retângulo vermelho com uma sombra preta, com nível de borrão de 20:
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 | |||||
|---|---|---|---|---|---|
| shadowBlur | sim | 9 | sim | sim | sim |
Definição e Uso
Os conjuntos de propriedades shadowBlur ou retorna o nível de borrão para as sombras.
| Valor padrão: | 0 |
|---|---|
| sintaxe JavaScript: | context.shadowBlur=number; |
Os valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| number | O nível do borrão para a sombra | Jogue " |