Блог

Главная - Вопросы по программированию - Показывать полный текст вне группового объекта fabricjs

Показывать полный текст вне группового объекта fabricjs

#javascript #textbox #fabricjs

#javascript #текстовое поле #fabricjs

Вопрос:

Я пытаюсь объединить текстовое поле и группу в fabricjs, когда я устанавливаю текст, он не отображает полный текст. как установить полный текст? введите описание изображения здесь

 var iText4 = new fabric.Textbox('Text noasasasasasasasasasabcdefghxyz', {
  left: 50,
  top: 100,
  fontFamily: 'Helvetica',
  width: 30,
  styles: {
    0: {
      0: { textBackgroundColor: 'blue', fill: 'green' },
      1: { textBackgroundColor: '#faa' },
      2: { textBackgroundColor: 'lightblue' },
    }
  }
});

var group = new fabric.Group([ iText4 ], {
  left: 150,
  top: 100,
  width: 60,
});

var canvas = new fabric.Canvas('c');
canvas.add(group);  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.3.3/fabric.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<canvas id='c' width='500' height='400'></canvas>

Ответ №1:

Ширина группы меньше ширины текста, что приводит к ее обрезке. Его удаление должно решить вашу проблему.

 var group = new fabric.Group([ iText4 ], {
  left: 150,
  top: 100
});

Смотрите здесь: https://jsfiddle.net/p6c2trg8/1 /