Los métodos recorte (clip) te ofrece una simple forma de recortar (clip) tus DynLayers en la misma manera que he utilizado el recorte (clip) en las funciones de la lección Recortando Capas .
Nota: sin embargo que los métodos clip son automaticamente asignados al DynLayers, problamente tendrás que llamar al método clipInit() para inicialmente cortar la capa para que IE tenga los valores bases de corte para trabajar. Vere esto mas adentro para talvez remover esa m}necesidad.
iniciación del Método Recorte (Clip) :
Hay dos situaciones diferentes cuando se aplica el método recorte (clip).
Situación 1: Recortar (Clipped) a los valores de default
Esto ocurre cuando tienes uno o otro de a) no definido los valores de recorte en tus CSS, o b) los valores que haz definido en tus CSS son iguales a aquellos del ancho y la altura de la capa. En cualquier caso, para utilizar los métodos recorte tienes que definir el ancho y la altura de la capa en tus CSS. Para inicializar los métodos recorte en situación 1, puedes utilizar:
objectName.clipInit()
Situación 2: Recortar a valores arbitrarios
Si tu haz recortado tus layers a solamente a los valores de default deberás de inicializar los métodos recorte de una manera diferente. Por ejemplo si tu layer tiene un ancho de 100 y una altura de 50, pero haz recortado la capa a (-10, -10,60,110), entonces debes de pasar esos valores al método clipInit():
objectName.clipInit(clipTop,clipRight,clipBottom,clipLeft)
Ejemplo:
mylayer.clipInit(-10,-10,60,110)
Esto es necesario porque IE no puede inicialmente determinar los valores de recorte, la función de clipInit() re-cort-era la capa a esos valores así de esa forma podrán después ser determinados.
Una vez que hayas iniciado los métodos recorte, el DynLayer agregará 3 métodos adicionales por los cuales puedes de recuperar o cambiar los valores del recorte.
El Método recortarValores() "clipValues()" :
El método recortarValores() "clipValues()" es utilizado para recuperar el actual valor del recorte para cualquiera de los 4 bordes.
objectName.clipValues(which)
Para el argumento cual (which), pasas la letra entre comillas la cual está señalando cual de los bordes tu quieres encontrar el valor. Entonces se encuentran cuatro formas de como llamar el método:
objectName.clipValues('l') // clip valor izquierdo
objectName.clipValues('r') // clip valor derecho
objectName.clipValues('t') // clip valor arriba
objectName.clipValues('b') // clip valor abajo
El método recortarA() "clipTo()":
El método recortarA() "clipTo()" recort-ará los bordes de la capa a los valores especificados:
objectName.clipTo(t,r,b,l)
Para cualquiera de los valores que no desees cambiar pase el nulo null por el valor.
Ejemplos:
mylayer.clipTo(0,25,50,0) mylayer.clipTo(null,50,null,null)
El método recortarPor() "clipBy()":
El método recortarPor() "clipBy()" recortará los bordes basado en su valor corriente (como moveBy() es para moveTo()). La utilización es la misma como recortarA() "clipTo()":
objectName.clipBy(t,r,b,l)
Demostración de los Métodos Recortar "Clip" :
Ejemplo: dynlayer-clip1.html [fuente] para un ejemplo utilizando variaciones del método recortar "clip"
Advertencia: IE trabaja diferentemente con respecto al recortando. Cuando hacen un recorte en las afueras de sus límites originales (0,ancho, altura, 0) (0,width,height,0) el fondo no se verá. La capa estará siempre recortada, como sea es de una forma dificultosa de comprender que es lo que esta pasando entonces lo que recomiendo es de utilizar Netscape para que tengas una idea de que es lo que esta pasando.
| Casa | Próxima Lección: Metodos Escribir |