Fabric.js clip text to rectangle

Question

I am using fabric.js to render objects on canvas. When I add text and change it's width, text is beyond selection area. How to clip text to rectangle that represents width and height properties?

EDIT: This is the solution that I found to be working:

var text = 'Some text';        
var textSample = new fabric.Text(text, textDefaults);

textSample.clipTo = function (ctx) {
    ctx.rect(-textSample.width / 2, -textSample.height / 2, textSample.width, textSample.height );
}

canvas.add(textSample);

Where textDefaults is a text properties.

Answer 1

Try this jsFiddle

I belive this is what you want. Maybe you forgot canvas.renderAll();