холст Элемент изменение размера Элемент не отвечает хорошо

Question

chech fiddle http://jsfiddle.net/hxjZa/2/. Я написал код, чтобы установить инсульт и толщину элемента canvas. они отлично работают, но после установки значения ширины штриха, когда я перемещаю указатель на размер элемента Element, он не реагирует и автоматически получает изменения на малые. даже если я попытаюсь изменить размер, перетащив его, он плохо реагирует.

JQuery ::

$('#glow_colour').spectrum({ 
     color : "#f00", 
     change : function(color) { 
      console.log(' color change' + color.toHexString()); 
      var temp=color.toHexString(); 
      var obj = canvas.getActiveObject(); 

      if (!obj) 
       return; 

      obj.set({ stroke: temp }); 
      obj.set({strokeWidth:strokewidth}); 
      canvas.renderAll(); 
     } 
    }); 
$("#txt_g_strength").change(function() 
{ 
    console.log('strength called'); 
    //alert("stength called"); 
    var obj = canvas.getActiveObject(); 
    var strokewidth=$(this).val(); 
      if (!obj) 
       return; 
obj.set({ strokeWidth: strokewidth}); 

      canvas.renderAll(); 

}); 

выше код, чтобы установить цвет обводки и ширину.

Answer 1

Ткань занимает номер для ширины штриха и не будет автоматически преобразовывать строку.

Изменение:

txt.set({ 
     strokeWidth: strokewidth 
    }); 

к:

txt.set({ 
     strokeWidth: +strokewidth // or Number(strokewidth) 
    }); 

Demo