Latest web development tutorials

HTML propiedad shadowColor lona

Objeto de la lona de referencia objeto Canvas

Ejemplos

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);

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome y Safari apoyo shadowColor propiedad.

Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.


Definición y Uso

shadowColor conjuntos de propiedades o devuelve el color de la sombra.

Nota: Por favor, shadowColor propiedad shadowBlur bienes utilizados juntos para crear una sombra.

Consejo: Mediante el uso de shadowOffsetX y shadowOffsetY para ajustar las propiedades de los efectos de sombra.

Por defecto: # 000000
la sintaxis de JavaScript: contexto.shadowColor = color;

propiedad Valor

描述
color 用于阴影的 CSS 颜色值 。默认值是 #000000。


Objeto de la lona de referencia objeto Canvas