Fabric.js выровнять по правому краю и подчеркивать не работает вместе

Question

У меня есть 2 кнопки для выравнивания текста вправо, а второй - для установки подчеркивания.

Первая проблема :: Но, если текст выровнен вправо и я нажмите кнопку подчеркивание я получить что-то, как показано ниже,

Вторая проблема :: если текст выровнен вправо или влево [ другая кнопка создана], тогда как текст кнопки перемещается вправо только, mi создает текст неправильно?

Добавить метод текста является:

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