HTML propiedad shadowOffsetY lona
Ejemplos
Dibujar un rectángulo con un desplazamiento hacia abajo 20 píxeles (desde la posición superior del rectángulo) de sombra:
JavaScript:
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Trate »
Soporte para el navegador
Internet Explorer 9, Firefox, Opera, Chrome y Safari apoyo shadowOffsetY propiedad.
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
shadowOffsetY conjuntos de propiedades o devuelve la distancia vertical de la forma de la sombra.
shadowOffsety = 0 indica justo por debajo de la sombra situada forma.
shadowOffsetY = 20 indica la forma de la sombra se encuentra a 20 píxeles por debajo de la primera posición.
shadowOffsetY = -20 indicando la forma de la sombra de los puestos más altos de 20 píxeles por encima.
Consejo: Para ajustar la forma de la sombra y la distancia horizontal, utilice shadowOffsetX propiedad.
Por defecto: | 0 |
---|---|
la sintaxis de JavaScript: | contexto.shadowOffsetY = número; |
propiedad Valor
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的垂直距离。 |