Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Funcion espejo en canvas (flip)

Estas en el tema de Funcion espejo en canvas (flip) en el foro de Frameworks JS en Foros del Web. Hola buenos días. Estoy intentando averiguar como al pulsar un botón, un objeto cambia a su imagen espejo. He usado este código: .flipX=true Funciona, el ...
  #1 (permalink)  
Antiguo 18/08/2012, 05:00
 
Fecha de Ingreso: agosto-2012
Mensajes: 14
Antigüedad: 9 años, 10 meses
Puntos: 0
Pregunta Funcion espejo en canvas (flip)

Hola buenos días.
Estoy intentando averiguar como al pulsar un botón, un objeto cambia a su imagen espejo. He usado este código:

.flipX=true

Funciona, el objeto se convierte en su espejo en el eje X, pero al volver al pulsarlo no vuelve a cambiar, entiendo que es por el valor true.
Agradecería que alguien me indicase como hacer que cada vez que se pulse el botón, cambie de normal a espejo o de espejo a normal.

Pero sin usar la función scale, es decir usando flipX.

Muchas Gracias.
  #2 (permalink)  
Antiguo 18/08/2012, 05:56
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Funcion espejo en canvas (flip)

Estás usando una librería? Porque desconozco esa propiedad. Podés lograr lo mismo con scale o con transform.
  #3 (permalink)  
Antiguo 18/08/2012, 07:06
 
Fecha de Ingreso: agosto-2012
Mensajes: 37
Antigüedad: 9 años, 10 meses
Puntos: 12
Respuesta: Funcion espejo en canvas (flip)

img:hover {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

Prueba con eso, te tiene que funcionar bien.
__________________
Pedro Gutiérrez, diseñador y desarrollador web freelance en Toledo,
busco soluciones a los proyectos web que me propongas.

Visita mi web-blog: http://xitrus.es
  #4 (permalink)  
Antiguo 19/08/2012, 03:03
 
Fecha de Ingreso: agosto-2012
Mensajes: 14
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Funcion espejo en canvas (flip)

Gracias Panino y Pedro!!
  #5 (permalink)  
Antiguo 19/08/2012, 05:08
 
Fecha de Ingreso: agosto-2012
Mensajes: 14
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Funcion espejo en canvas (flip)

Al final lo he realizado así, con flipX:

function funcionespejo(){
if (canvas.getActiveObject().flipX==true){canvas.getA ctiveObject().flipX=false;canvas.renderAll()}

else {canvas.getActiveObject().flipX=true ;canvas.renderAll();}
}
Gracias.
  #6 (permalink)  
Antiguo 19/08/2012, 05:17
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Funcion espejo en canvas (flip)

Estás usando fabric?
  #7 (permalink)  
Antiguo 19/08/2012, 11:45
 
Fecha de Ingreso: agosto-2012
Mensajes: 14
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Funcion espejo en canvas (flip)

Sí, Fabric.
  #8 (permalink)  
Antiguo 19/08/2012, 19:57
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.143
Antigüedad: 18 años, 1 mes
Puntos: 832
Respuesta: Funcion espejo en canvas (flip)

Deberías haber empezado por ahí. Muevo el mensaje al foro correcto
  #9 (permalink)  
Antiguo 20/08/2012, 09:25
 
Fecha de Ingreso: agosto-2012
Mensajes: 14
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Funcion espejo en canvas (flip)

Hola, disculpa desconocía que había un foro especial para pulgins

Etiquetas: espejo, flip
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:41.