jquery - 切换 Angular 以将文本移动到fabric.js中的原始位置

在按钮的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();


});

最佳答案

您需要使用flag变量来调整angle和flipx参数，您可以将代码缩短为：

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

关于jquery - 切换 Angular 以将文本移动到fabric.js中的原始位置，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18585120/