Fabric.js IText-如何设置下一个字母的样式？

Question

在uraimo的出色回应之后，我设法创建了一个使文本加粗的处理程序：

addHandler('bold', function (obj) {
  var isBold = getStyle(obj, 'fontWeight') === 'bold';
  setStyle(obj, 'textDecoration', isUnderline ? '' : 'underline');
});

它被附加到按钮上，并且只要选择了一部分文本，它就可以正常工作。

但是，当未选择任何文本时，我还需要对按钮单击做出反应。 在这种情况下，单击按钮将导致随后键入粗体文本（就像在任何文本编辑器中都可以点击“粗体按钮”一样）。

我怎样才能做到这一点？

Answer 1

您可以使用粗体显示随后键入的文本，也可以通过设置文本的属性来应用该文本

addHandler('bold', function (obj) {
  var isBold = getStyle(obj, 'fontWeight') === 'bold';
  var style = {};
  style['fontwieight'] = isBold;
  object.setSelectionStyles(style);
  object.set('fontweight', isBold);
});