изменить границу ширины Rect в fabricjs

Question

Этот прямоугольник, который я создал на холсте с помощью fabicjs, теперь при изменении текстового поля хочу установить ширину рамки. Я пробовал, но не работал.

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

Изменение Border Width ::

$('#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(); 

}); 

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