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

Question

关注uraimo＆＃39; great response here我设法创建了一个处理文件粗体：

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

它附在按钮上，只要选择了部分文本，它就能正常工作。

但是，如果没有选择文字，我还需要对按钮点击做出反应。在这种情况下单击按钮将导致随后键入的粗体文本（就像点击＆＃34;粗体按钮＆＃34;可在任何文本编辑器中使用）。

我该怎么做？

Answer 1

您可以加粗随后输入的文字以及通过设置文字的属性

应用的文字

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