jquery - 切换角度以将文本移动到 fabricjs 中的原始位置

Question

在fabricjs, onclickof 按钮中，我设置了一些角度来翻转文本。我想让它在下一次点击时切换文本应该回到原来的状态。在下面的代码中，如果部分运行良好，我应该如何将其切换回来？

小提琴

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

您需要使用标志变量来调整角度和翻转参数，您可以将代码缩短为：

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