如何在fabricjs IText中使选择突出显示透明？

Question

我将 jscolor-colorpicker 与 fabricjs-IText 结合使用，让我可以在鼠标移动时实时预览颜色。现在唯一不酷的是半透明选择突出显示在文本编辑模式下弄乱了颜色预览。关于如何删除选择突出显示或使选择完全透明的任何想法？

我在 jsdoc 中找不到任何与选择颜色相关的属性！？ http://fabricjs.com/docs/fabric.IText.html

<input value="ffcc00"  id="fill" class="jscolor {onFineChange:'itext_setcolor(this)',hash:true}">

window.itext_setcolor = function(val) {
        obj = canvas.getActiveObject();
        if (obj) {
            if (obj.isEditing) {
                 setStyle(obj, 'fill', '#' +val); 
            } else 
            {  
                obj.setFill('#' + val);
            }
          canvas.renderAll();
        }  
 };

编辑 1

感谢@STHayden 给了我正确的答案。这是文本选择更改时重新出现突出显示的最终工作代码。

...
  canvas.on('text:selection:changed', onTextChangedIText);
...
  function onTextChangedIText() {
       var obj = canvas.getActiveObject();
        if (obj.selectionStart>-1) {
            obj.set({'selectionColor':'rgba(17,119,255,0.3)'}); 
        }
    } 

 window.itext_setcolor = function(val) {
         obj = canvas.getActiveObject();
        if (obj) {
            if (obj.isEditing) {
                 obj.set({'selectionColor':'transparent'});
                 setStyle(obj, 'fill', '#' +val); 
            } else
            {  
                obj.setFill('#' + val);
            }
            canvas.renderAll();
        }  
    };

Answer 1

你有很多选择。 IText 上选择颜色的属性是selectionColor，您可以使用关键字transparent 或rgba 值将其设置为完全透明：rgba(0,0,0,0)。

如果您获得对 IText 对象的引用，您还可以做一些事情：

1. 将startSelection 和endSelection 更改为0。
2. 在 IText 对象上调用 .exitEditing() 函数。
3. 只需使用.discardActiveObject() 将 IText 对象作为活动对象删除即可

当您完成让用户选择颜色后，您可以将选择设置回原来的样子。