Fabric.js对齐并且下划线不能一起工作

Question

首先我有2个按钮将文本对齐到'右'，第二个是设置下划线。

第一个问题:: 但是，如果文本对齐到右边，我点击下划线按钮，我得到类似下面的内容，

第二个问题:: 如果文本右对齐或左对齐[另一个按钮创建]则两个按钮文本仅向右移动，我创建文本错误吗？

添加文字方法是：

hw[i] = new fabric.Text($(this).val(), {
            left : drawleft,
            top : drawtop,
            fontSize : 20,
            textAlign: 'center'
        });

Jquery代码是::

    $('#font_un').click(function(event) {
        event.stopPropagation();
         ++index;
   action=true;  

        var obj = canvas.getActiveObject();

        if (!obj)
            return;

        if (un_flag == 0) {

            obj.set('textDecoration', 'underline');
            un_flag = 1;
        } else {
            obj.set('textDecoration', '');
            un_flag = 0;
        }

        canvas.renderAll();

    });

$(document).on("click","#font-right",function(event){

        var obj = canvas.getActiveObject();
         ++index;
   action=true;  

        event.stopPropagation();
        if (!obj)
            return;

        obj.set('textAlign', 'right');

        canvas.renderAll();
    });

Answer 1

解决了我的问题，我使用了错误的方法，它应该是

obj.set('originX', 'center').setCoords();

        canvas.renderAll();