jquery - 角度を切り替えてテキストを fabricjs の元の位置に移動します

Question

ボタンのではfabricjs、onclickテキストを反転する角度を設定しています。次のクリックでテキストを切り替えて元に戻す必要があります。以下のコードでは、部分がうまく機能する場合、どのように元に戻す必要がありますか?

フィドル

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();
};