Javascript Fabric.js将文本剪辑为矩形
我正在使用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
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。