Los últimos tutoriales de desarrollo web
 

HTML canvas shadowColor Propery

<Objeto Canvas

Ejemplo

Dibujar un rectángulo rojo con una sombra negro:

YourbrowserdoesnotsupporttheHTML5canvastag.

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);
Inténtalo tú mismo "

Soporte del navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.

Propiedad
shadowColor 4.0 9.0 3.6 4.0 10.1

Definición y Uso

Los conjuntos de propiedades shadowColor o devuelve el color a utilizar para las sombras.

Note: Utilice la propiedad shadowColor junto con el shadowBlur propiedad para crear una sombra.

Tip: Ajustar la sombra mediante el uso de las shadowOffsetX y shadowOffsetY propiedades.

Valor por defecto: # 000000
la sintaxis de JavaScript: context .shadowColor= color ;

Valores de propiedad

Valor Descripción Juegalo
color El valor de color CSS a utilizar para las sombras. El valor por defecto es # 000000 Juegalo "

<Objeto Canvas