FabricJS жирный, курсив не работает в ITexts - PullRequest
Новая
       54

FabricJS жирный, курсив не работает в ITexts

0 голосов
/ 07 июня 2019

Я использую fabricJS 3.0.0 и 2.7.0, но обе версии не поддерживают полужирный и курсивный стиль на ITexts.

Я попробовал вот что: 

1. this.canvas[0].getActiveObject().setSelectionStyles({fontWeight:'bold'});
   this.canvas[0].renderAll();

2. this.canvas[0].getActiveObject().set('fontWeight', 'bold');
   this.canvas[0].renderAll();

Но никто из них не применяет жирный или курсив, кто-нибудь может предложить или заплатить за холст, пожалуйста?

1 Ответ

0 голосов
/ 07 июня 2019

Если вы хотите использовать setSelectionStyles , вам нужно сначала выбрать какой-либо текст или передать его в качестве параметра, и установка стилей непосредственно для текстового объекта приведет к применению всего текста.

ДЕМО 

var canvas = new fabric.Canvas('c');
var text = new fabric.Text('Hello Fabricjs');
canvas.add(text);
setTimeout(function(){
  var selectionStart = 2,
  selectionEnd = 8;
  text.setSelectionStyles({fontWeight:'bold',fontStyle:'italic' }, selectionStart, selectionEnd);
  //text.set('fontWeight', 'bold');
  canvas.renderAll();
},1000)
canvas{
  border:1px solid;
}
<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.0.0/fabric.js"></script>
<canvas id='c'></canvas>
...