fabricjsのテキストを確認する方法は複数行ですか？

Question

私はファブリックjsを使用しています。 今日私はこの質問に「ファブリックジョイントのテキストをチェックする方法は複数行ですか？」と打ちました。 これを手伝ってください。前もって感謝します。

Answer 1

fabricjsテキストは_textLinesです。テキストに複数行がある場合、このプロパティは配列として各行を追加します。これをチェックのために使用することができます。

var canvas = window._canvas = new fabric.Canvas('c'); 
 

 
$('#multi').click(function(){ 
 
\t canvas.clear(); 
 
    var text = new fabric.Text('Hai this is\nmulti line\nHello World', {}); 
 
    canvas.add(text); 
 
    $('#check').removeAttr('disabled') 
 
}) 
 
$('#single').click(function(){ 
 
\t canvas.clear(); 
 
    var text = new fabric.Text('Hai this is single line Hello World', {}); 
 
    canvas.add(text); 
 
    $('#check').removeAttr('disabled') 
 
}) 
 
$('#check').click(function(){ 
 
\t console.log(canvas.getObjects()[0]._textLines.length) 
 
    check = canvas.getObjects()[0]._textLines.length; 
 
\t if(check>1){ 
 
    \t alert("hey this is multi line text") 
 
    } 
 
    else if(check==1) 
 
    { 
 
    \t alert("hey this is single line") 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<canvas id="c" width="400" height="100"></canvas> 
 
<button id="multi">add multi line text 
 
</button> 
 
<button id="single">add single line text 
 
</button> 
 
<button id="check" disabled="">check 
 
</button>

Answer 2

テキストは改行で分割されることができれば、私はちょうどチェックします。

var myText = new fabric.Text('Hai this is single line Hello World', {}); 
var multiline = myText.text.split('\n').length > 1 ? true : false;