HTML propiedad shadowOffsetX lona
HTML Manual de Referencia de la 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 | 正值或负值,定义阴影与形状的水平距离。 |
HTML Manual de Referencia de la lona