HTML canvas shadowColorPropiedad
Objeto CanvasEjemplo
Dibujar un rectángulo rojo con una sombra negra:
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);
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Pruébalo »
Compatibilidad del navegador
Internet Explorer 9, Firefox, Opera, Chrome y Safari son compatibles con la propiedad shadowColor.
Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.
Definición y uso
La propiedad shadowColor establece o devuelve el color utilizado para las sombras.
Nota:Utilice la propiedad shadowColor junto con lashadowBlurpropiedad para crear sombras.
Consejo:Utilice lashadowOffsetXyshadowOffsetYpropiedad para ajustar el efecto de sombra.
| Valor predeterminado: | #000000 |
|---|---|
| Sintaxis de JavaScript: | context.shadowColor=color; |
Valor de la propiedad
| Valor | Descripción |
|---|---|
| color | El color CSS para la sombraValor de color CSS. El valor predeterminado es #000000. |
Otras extensiones