fabricjs - 如何检查 fabricjs 文本是多行的？

Question

我正在使用 fabric js。今天我遇到了这个问题“如何检查 fabricjs 文本是多行的？”。请帮我解决这个问题。提前致谢。

Answer 1

fabricjs 文本有一个 _textLines 属性。如果文本有多行，则此属性将每一行添加为数组。因此我们可以使用它进行检查。

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

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