Javascript Fabric.js将文本剪辑为矩形

Javascript Fabric.js将文本剪辑为矩形,javascript,canvas,fabricjs,Javascript,Canvas,Fabricjs,我正在使用fabric.js在画布上渲染对象。当我添加文本并更改其宽度时,文本超出了选择区域。如何将文本剪裁为表示宽度和高度属性的矩形 编辑:这是我发现有效的解决方案: var text = 'Some text'; var textSample = new fabric.Text(text, textDefaults); textSample.clipTo = function (ctx) { ctx.rect(-textSample.width / 2, -text

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

试试这个


我相信这就是你想要的。也许你忘了
canvas.renderAll()

我不理解最后一句话,这很不幸,因为它包含了实际的问题。通常,在这里,用相关的代码制作一个类似于a的矩形会有很大的帮助。我所说的“表示宽度和高度属性的矩形”是指选择区域。我将尝试解决这个问题,并提供适当的JSFIDLE。