Fabric.js将文本剪辑为矩形

时间:2015-05-28 07:19:29

标签: 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, -textSample.height / 2, textSample.width, textSample.height );
}

canvas.add(textSample);

textDefaults是文本属性。

1 个答案:

答案 0 :(得分:2)

试试这个jsFiddle

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