Fabric.jsのカーソルの色を変更してください

Question

Fabric.jsライブラリのTextboxオプションを使用しています。

textboxのcursorの色を変更することはできますか？ 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リンクです。コードはここで正しく動作しません。デモのためにフィドルをチェックしてください。基本的には、ファブリックテキストボックスの作成中にcursorColorというプロパティを追加する必要があります。