HTML propiedad shadowOffsetX lona
Ejemplos
Dibujar un rectángulo con un desplazamiento hacia la derecha 20 sombreado de píxeles (desde la posición izquierda del rectángulo):
JavaScript:
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=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 shadowOffsetX propiedad.
Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.
Definición y Uso
shadowOffsetX conjuntos de propiedades o devuelve la forma de la sombra y la distancia horizontal.
shadowOffsetX = 0 indica justo por debajo de la sombra situada forma.
shadowOffsetX = 20 indica la forma de la sombra a la derecha a la izquierda la posición 20 píxeles.
shadowOffsetX = -20 indica la forma de la sombra de la posición 20 píxeles a la izquierda en la izquierda.
Consejo: Para ajustar la distancia vertical entre las sombras y formas, utilice shadowOffsetY propiedad.
Por defecto: | 0 |
---|---|
la sintaxis de JavaScript: | contexto.shadowOffsetX = número; |
propiedad Valor
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的水平距离。 |