在fabricjs中更改Rect的边框宽度

Posted 2023-05-08

【中文标题】在fabricjs中更改Rect的边框宽度

【英文标题】：change border width of Rect in fabricjs

【发布时间】：2013-09-25 11:39:16

【问题描述】：

我使用 fabicjs 在画布上创建的这个矩形，现在在更改文本框时我想设置边框宽度。我试过跟随但它不起作用。

image[img] = new fabric.Rect(
                    top : 100,
                    left : 100,
                    width : 50,
                    height : 50,
                    fill : '#f55',
                    stroke : 'black',
                    strokeWidth : 1
                );

更改边框宽度 ::

$('#shape_border_size').change(function() 
    console.log(' size changed to ' + $(this).val());

    var obj = canvas.getActiveObject();

    if (!obj)
        return;

    //obj.set('strokeWidth', $(this).val());
    canvas.renderAll();

);

【参考方案1】：

我认为您的代码很好，不知道为什么它不起作用。 检查这个http://jsfiddle.net/hellomaya/kNEaX/3/

var rect = new fabric.Rect(
    top: 100,
    left: 100,
    width: 50,
    height: 50,
    fill: '#f55',
    stroke: 'white',
    strokeWidth: 1
);

canvas.add(rect);
canvas.renderAll();

$('#a').click(function () 
    rect.set('strokeWidth', 20);
    canvas.renderAll();
);

$('#b').click(function () 
    rect.set('strokeWidth', 20);
    rect.width += 20;
    rect.height += 20;
    canvas.renderAll();
);