Fabricjs 2.0 如何为文本框的子字符串设置下划线答案

【问题标题】：Fabricjs 2.0 How to set underline to substring of the TextboxFabricjs 2.0 如何为文本框的子字符串设置下划线
【发布时间】：2019-02-04 01:48:34
【问题描述】：

我有带有文本“这是测试文本框”的文本框，我想将下划线设置为仅单词“测试”而不是整个文本框文本。如何为子字符串设置下划线？

fabricjs issue

var canvas = new fabric.Canvas('c');

var underlineText = new fabric.Textbox("This is test textbox", {
  underline: true,
});

canvas.add(underlineText);

canvas {
    border: 1px solid #999;
}

<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="1000" height="500"></canvas>

由于 2.0 还没有为文档和示例做好准备，改变的一件事是 textDecoration 已被删除。在适当的地方我们有：.underline, .overline, .linetrought 他们每个人都有一个真假。问题

谢谢。任何帮助将不胜感激。

【问题讨论】：

标签： fabricjs fabricjs2

【解决方案1】：

我不同意 2.0 还没有为文档和示例做好准备。 1.0 中的文档和示例已被转换并添加了更多内容。

这么说，我知道这与这个问题无关，fabricJS 中的所有 Text 类都有一个 setSelectionStyle 方法，该方法采用样式对象和开始和结束索引作为参数。

http://fabricjs.com/docs/fabric.Text.html#setSelectionStyles

呼唤：

myText.setSelectionStyles({ underline: true }, 2, 4);

应在位置 2、3 和 4 中为文本字符设置下划线。

【讨论】：