Переключить угол, чтобы переместить текст в исходное положение в fabricjs

Question

В fabricjs, onclick кнопки Я устанавливаю некоторый угол, чтобы перевернуть текст. Я хочу, чтобы он переключился на следующий текст клика, должен вернуться к оригиналу. В приведенном ниже коде, если часть работает хорошо, как мне переключить его обратно?

fiddle

JQuery код:

$('#font_flipx').click(function() { 

    if(flipx==0) 
    { 
     console.log('flipx=0'); 
    canvas.getActiveObject().set("angle", "180").set('flipX', true); 
    flipx=1; 
    } 
    else 
    { 

    console.log('flipx=1'); 
    canvas.getActiveObject().set("angle", "180").set('flipX', true); 
    flipx=0; 
    } 

    canvas.renderAll(); 


}); 

Answer 1

Вы должны использовать переменный флаг для регулировки угла и flipx параметра, вы можете сократить ваш код: настройки

var flipx = false; 
document.getElementById("button").onclick = function() { 
    flipx = !flipx; 
    canvas.getActiveObject().set("angle", flipx ? "180" : "0").set('flipX', flipx); 
    canvas.renderAll(); 
};