Latest web development tutorials

HTML propiedad shadowColor lona

HTML Manual de Referencia de la lona HTML Manual de Referencia de la lona

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。


HTML Manual de Referencia de la lona HTML Manual de Referencia de la lona