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