javascript - 在 Fabric.js 中更改光标颜色

Question

我正在使用 Fabric.js 库的 Textbox 选项。

是否可以更改文本框中光标的颜色。如果 textbox 放置在深色图像上，我可以通过轻松更改字体颜色使文本看起来有点清晰，但即使定位光标所在的位置也不容易。

Answer 1

是的，这很有可能。这就是您所需要的:

var canvas = new fabric.Canvas("c");
var text = new fabric.Textbox('Hellow wordld is a  textbox in one line', {
            width:250,
            cursorColor :"blue"
        });
canvas.add(text)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="http://fabricjs.com/lib/fabric.js"></script>

<canvas id="c" width="400" height="400"></canvas>

这是 Fiddle关联。代码不会在这里正常工作。检查演示的 fiddle 。基本上，您必须在创建 Fabric Textbox 时添加一个属性作为 cursorColor，它会执行您想要的操作。