Question

chech fiddle http://jsfiddle.net/hxjZa/2/。我编写了代码来设置canvas元素的笔触和笔触宽度。它们工作正常，但是当我将指针移动到调整大小元素时设置笔划宽度值后，它没有响应并且自动变为小。即使我试图通过拖动来改变大小也不会很好。

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

Demo

canvas元素调整大小元素响应不好

1 个答案: