Fabric.js將文本剪輯為矩形

Question

我正在使用fabric.js在畫布上渲染對象。 當我添加文本並更改其寬度時，文本超出了選擇區域。 如何將文本裁剪為代表寬度和高度屬性的矩形？

編輯：這是我發現正在工作的解決方案：

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

其中textDefaults是文本屬性。

Answer 1

試試這個jsFiddle

我相信這就是你想要的。 也許您忘記了canvas.renderAll();