我正在使用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是文本属性。

最佳答案

试试这个jsFiddle
我相信这就是您想要的。也许您忘记了canvas.renderAll();

09-30 10:02