fabricjs在某些不起作用的事件上更改边框大小和颜色

时间:2013-09-30 09:15:29

标签: javascript jquery css canvas fabricjs

我使用下面的代码来更改所选形状的选定边框和边框颜色,但是一旦我调用该事件对象就会变小,并且不会重新调整大小。

$('#shape_border_colour').spectrum({

        color : "#f00",
        change : function(color) {
            console.log(' color change' + color.toHexString());

            var obj = canvas.getActiveObject();
            shape_strokeColor=color.toHexString();
            if (!obj)
                return;

            obj.set('stroke', shape_strokeColor);
            obj.set('strokeWidth',shape_strokeWidth);

            //stroke : 'white',
            //strokeWidth : 5
            //obj.set('textBackgroundColor', color.toHexString());

            canvas.renderAll();

        }
    });

    $('#shape_border_size').change(function() {
        console.log(' size changed to ' + $(this).val());
        img_border = $(this).val();
        var obj = canvas.getActiveObject();
        shape_strokeWidth=$(this).val();
        if (!obj)
            return;

        obj.set('stroke',shape_strokeColor );
        obj.set('strokeWidth', shape_strokeWidth);
        canvas.renderAll();

    });

会出现什么问题?

1 个答案:

答案 0 :(得分:1)

我通过执行parseInt(shape_strokeWidth)解决了这个问题,笔划宽度取数字值我错误的是传递字符串。