Funcion espejo en canvas (flip)

[honsuales]

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.

[Panino5001]

Estás usando una librería? Porque desconozco esa propiedad. Podés lograr lo mismo con scale o con transform.

[pedrogp9693]

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.

[honsuales]

Gracias Panino y Pedro!!

[honsuales]

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.

[Panino5001]

Estás usando fabric?

[honsuales]

Sí, Fabric.

[Panino5001]

Deberías haber empezado por ahí. Muevo el mensaje al foro correcto

[honsuales]

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