在fabricjs中破解单词会导致选择错误

Question

我在项目中使用fabricjs进行"Allow cutted words in a Textbox shape"黑客攻击。它会破坏单词，但不能选择第二行中的最后一个字母。

需要一些帮助。

var canvas = new fabric.Canvas('c');
var textbox = new fabric.Textbox('thisisaextremlongwordlongenoughtowarp', {
  left: 50,
  top: 50,
  width: 400,
  fontSize: 24,
});
textbox.setControlsVisibility({'mb': false, 'mt': false});
canvas.add(textbox).setActiveObject(textbox);

按ctrl + a选择全部，选择中缺少最后一个字母 screenshot

来自JSteunou的

demo也有同样的问题

Answer 1

为了计算当前选择区域，每个换行增加一个索引以考虑返回或空格。由于你在textarea中打破了一个没有空格或特殊字符的单词，你将会被取代。也许在您的换行符号上放置某种形式的旗帜并且不为该行增加？然后，您需要重新建立您的stylemap id想象。

谢伊