Блог

Ограничивающая рамка не подходит к тексту при добавлении текста в Fabric.js холст на мобильном устройстве (обычно он работает на рабочем столе). Это затрудняет выбор текстового объекта после добавления текста на холст.

Как вы устанавливаете ограничивающую рамку для выделения, чтобы она соответствовала тексту?

Вот мой код для добавления iText на холст

 const IText = new fabric.IText('Text', {
   originX: 'center',
   originY: 'center',
   top: canvas.getCenter().top,
   left: canvas.getCenter().left,
   fontSize: 30,
   fill: 'black',
   cornerSize: 15,
})
canvas.add(IText)
 

Как это выглядит на рабочем столе после добавления, а затем нажатия на текст

Как это выглядит на мобильном устройстве после добавления, а затем нажатия на текст

Как вы решаете эту проблему? Должен ли я добавить какой-то атрибут к объекту iText или что-то в этом роде?