jquery - 画布元素调整大小元素响应不佳

Question

chech fiddle http://jsfiddle.net/hxjZa/2/。我已经编写了代码来设置画布元素的笔画和笔画宽度。它们工作正常，但是当我将指针移动到调整 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

Fabric 采用一个数字作为笔划宽度，不会自动转换字符串。

改变：

    txt.set({
        strokeWidth: strokewidth
    });

到：

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

演示