在Fabric.js中更改光标颜色

时间:2016-06-15 12:30:31

标签: javascript canvas fabricjs

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

是否可以更改cursortextbox的颜色。如果将textbox放在暗图像上,我可以通过轻松更改字体颜色使文本看起来有点清晰,但它根本不容易找到光标所在的位置。

1 个答案:

答案 0 :(得分:2)

是的,这是非常有可能的。这就是你需要的:

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,它会做你想要的。