在Fabric.js中更改光标颜色

Question

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

是否可以更改cursor中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链接。代码不能在这里正常工作。检查演示文稿的小提琴。基本上你必须在创建Fabric Textbox时添加一个属性cursorColor，它会做你想要的。