【问题标题】:Change cursor Color in Fabric.js在 Fabric.js 中更改光标颜色
【发布时间】:2016-06-15 21:14:09
【问题描述】:

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

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

【问题讨论】:

    标签: javascript canvas fabricjs


    【解决方案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,它会做你想做的事。

    【讨论】:

    • @Stephan 在我的系统中对您有好处,嵌入式 sn-p 无法正常工作,这就是添加 Fiddle 的原因。如果这解决了您的问题,您将其标记为答案。
    猜你喜欢
    • 2012-07-23
    • 1970-01-01
    • 2012-07-16
    • 2011-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-28
    相关资源
    最近更新 更多