javascript - Fabric.js - 如何创建没有换行符的 TextBox？

Question

我搜索了很多类似 maxLines 的属性, noWrap , splitByWhitespace等在 Fabric.js文档，但它们不存在。您知道 的有效解决方案吗？禁用文本换行 内fabric.Textbox ?
我的代码:

const text = new window.fabric.Textbox('expected single line', {
  fontFamily: 'Nunito Sans',
  fontWeight: 400,
  fontSize: 15,
  originX: 'center',
  originY: 'center',
});

const border = new window.fabric.Rect({
  rx: 10,
  ry: 10,
  fill: '#999999',
  height: text.height + 10,
  width: text.width + 100,
  originX: 'center',
  originY: 'center',
});

const group = new window.fabric.Group([border, text], {
  originX: 'left',
  originY: 'top',
  hasRotatingPoint: false,
  height: 42,
  width: 200,
  top: 167,
  left: 50,
});
canvas.add(group);

实际结果演示:

如您所见，每个空白处都有换行符，但我想要一个带空格的单行文本。有趣的是，如果我用下划线替换空格 _ ，我得到一行文本。
演示:

Answer 1

我不知道如何在 Textbox 中禁用换行.
但是要获得单行文本，您可以

要么设置 Textbox宽度

或使用 Text而不是 Textview (见此 codepen)